一、HTML
1、HTML 简介
1.1、网站和网页
网页是使用 HTML 标记语言编写的一个文件,描述同一范畴内的信息或数据
组成的网页集合,称为网站。
1.2、HTML 介绍
超文本标记语言:
超文本:超出了纯文本的范围,比如,图、声、像、文字样式颜色的修
改;
标记:即标签,使用某种标签来表示某种特定的意义,举例:
<标签名> 标签名>,标签名是预定义的英文;
语言:是属于计算机编程的范畴,属于编程语言;
1.3、HTML 标签的语法
可以在开始标签名后面添加属性,以此来设置文本样式,属性的语法
<标签名 属性名=”属性值” 属性名=”属性值” ……> 文本
1.4、标签的分类
单标签:只有一个标签,一般把结尾的斜杠放到标签内的最后面;
双标签:有开始,有结尾,属性设置在开始标签内;
2、HTML 常用标签
2.1、HTML 结构
2.2、文本标签
文本修饰
font:修饰文字内容,属性:color、size、face;
b:字体加粗;
s:删除线;
i:斜体;
sub:下标;
sup:上标;
strong:强调;
段落
h(1-6):标题标签;
p:段落;
hr:分割线,属性:size(高度)、width(宽度)、color、align;
center:内容居中
2.3、图片标签
img:图片,属性:src(路径)、width、height、border(边框)、title(鼠标悬
停提示)、alt(图片描述);
2.4、超链接
a:超链接标签,属性:href(网址)、target(打开方式)、title(鼠标悬停提
示)、name(定位锚点),功能:链接网络资源、本地定位;
2.5、列表
ul-li:无序列表,属性:type(符号的样式);
ol-li:有序列表,属性:type、start、value;
dl-dt-dd:自定义列表;
2.6、表格
table:表格根标签,属性:border(边框)、width、height、align;
tr:一行;
td:一列,属性:rowspan(合并行)、colspan(合并列);
th:标题;
2.7、刷新/跳转
2.8、滚动
2.9、表单
文本框:
密码框:
单选按钮:
男
女
复选框:
2.12、其他标签
pre:原文输出;
code:在页面中添加代码;
video:添加视频;
embed:添加音频;
2.13、发布站点(补充)
必要元素:服务器、域名
步骤:
申请域名和服务器
解析域名
把域名绑定到服务器上
使用 FTP 上传项目
完成
网站前台:是给用户展示网站信息的界面;
网站后台:是网站管理员对网站数据做增删改查的操作界面;
2.14、自动检测访问设备
2.15、自动跳转
选择器 { 属性名:属性值; 属性名:属性值; …… }
2.2、CSS 和 HTML 的结合方式
在 HTML 标签中的 style 属性里添加 CSS 代码;
在头标签中添加
在头标签中使用标签导入外部 CSS 文件:
2.3、CSS 选择器
使用标签名作为选择器;
使用 HTML 标签中的 class 属性作为选择器:
p.a{ color: red; }
使用 HTML 标签中的 id 属性作为选择器:
#test{color: pink; }
CSS 选择器的优先级:
HTML 标签中的 style 属性 >
扩展选择器:
id 选择器 >
class 选择器 > 标签选择器
关联选择器:当 HTML 标签之间存在嵌套关系时
选择器:p font{}
组合选择器:要对 HTML 中多个标签设置同样的样式,
选择器:p,font{}
伪元素选择器:是 HTML 预定义好的元素
/*未被访问过*/
a:link{
color: black;
}
/*鼠标悬停*/
a:hover{
color: red;
}
/*点击鼠标,没有释放时*/
a:active{
color: darkmagenta;
}
/*访问过后*/