HTML初识:
1. Web标准:
结构 html
表现 css
行为 js
2. HTML骨架:
<html>
<head>
<title></title>
</head>
<body></body>
</html>
3. HTML标签的分类:双标签和单标签
双标签:
例子: <标签名> 内容 </标签名>
前面的<标签名> 称为 开始标签
后面的</标签名> 称为 结束标签 (结束标签一定要加 /)
单标签:
例子: <标签名>
4. HTML标签的关系:
父子(嵌套)关系
兄弟(并列)关系
HTML的标准结构:
<html>
<head>
<title></title>
</head>
<body>
<body>
</html>
html标签网页的整个骨架标签 缺他不可 指定网页开始 和 结束 所有的 标签都需要在 html标签里面 head标签 网页的配置(设置)中心 属性、显示方式、显示大小、比例、标题 title标签 网页的标题 body标签 载网页的内容,所有的内容都需要在body标签里面
HTML基础标签 (一):
1. meta标签
字符集
用来设置网页字符的显示方式
单标签
charset 字符设置
utf-8 全球语言
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符
是GB2312的扩展,加入对繁体字的支持,兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符
2. 标题标签
制作网页标题、logo时候使用
语法:
h1 h2 h3 h4 h5 h6
写法:
<hn></hn>
H1标签建议一个页面只出现一次
后面数字越大 字体越小
3. 段落标签
在网页中要把文字有条理地显示出来,
离不开段落标签,就如同我们平常写文章一样,
整个网页也可以分为若干个段落,而段落的标签就是
语法: <p> 内容 </p>
html规定 段落标签不能包含 标题标签
4. 水平线标签
水平线标签 是单标签
在html页面显示一个 100%长度的且水平的分割线
语法: <hr />
5. 换行标签
将内容 强制换行
语法: <br />
在html中 不能像word一样 自动换行 必须使用标签 手动换行
6. 布局标签
div span 是没有语义的 是我们网页布局主要的2个盒子
div 就是 division 的缩写 分割, 分区的意思 其实有很多div 来组合网页。
span, 跨度,跨距;范围
语法:
<div></div> <span></span>
7. 样式标签:
b(strong) 标签 可以使文字效果加粗
使用方法: <b>内容</b>
必须在b标签下
效果标签不能包裹布局标签
i 标签 斜体
使用方法: <i>内容</i>
u 标签 下划线
使用方法: <u>内容</u>
s(del) 标签 删除线
使用方法: <del>内容</del>
font 设置字体显示方式 (颜色,大小)
使用方法: <font>内容</font>
设置font的颜色
在font标签中
color=" 颜色 " 颜色可以为 英语单词 也可以为 16进制的色号
white #FFFFFF
black #000000
size=" 字号 " 设置字体大小
字号越大 字越大
8. 特殊字符:
某些特殊字符在html中无法使用 会被错误识别
需要使用特别标识符代替
空格
< <
> >
©️ ©
9. 注释语句
将我们写的代码 不让程序去执行
注释是给别人看的
语法: <!-- 注释代码 -->