网页的基本组成部分
- 文档类型
<!doctype html>
- 编码格式
<!--提示浏览器阅读文档的编码格式是UTF-8 -->
<meta charset="UTF-8">
- 文档内容
<html></html>
- 文档头部
<head></head>
- 文档标题
<title></title>
注:不要忽视title的重要性,很多搜索引擎都是通过搜集title的信息,从而对用户检索的结果进行匹配!
- 文档body体
需要注意的是body和html是存在区别的!html代表的是整个网页,而body代表的只是网页存在的数据的部分,即如果body里面不发东西,相当于body不存在!
<body></body>
注:html的文档结构很多人是知道的,但是抛开开发工具的代码补全,又有多少人能直接写出来呢!能写出来的和不能写出来的这其实也是一种分水岭,水平的差距往往体现在细节!博主之前深有体会…细节决定成败,所以html文档结构还是很重要的。
实体
- 小于号
<
- 大于号
>
- 空格
- 右箭头
»
- 左箭头
«
- 叉号
×
注:所有的实体书写都是在&;之间,所以很好记,实体在编写程序的过程非常重要,虽然实体的功能都可以通过css实现,但是这样写出的代码可读性不强,而且增加了代码的冗余。
基本的颜色
- css表达颜色的方式
英文
red
十六进制
#ff0000
#f00
十进制
rgb(255,0,0)
十进制
rgba(255,0,0,)
注:最后一个a的意思代表透明色alpha
- 需要记住的十六进制颜色表示
1.白色
#ffffff
2.黑色
#000000
3.红色
#ff0000
4.绿色
#00ff00
5.蓝色
#0000ff
6.青色
#00ffff
7.紫色
#ff00ff
8.黄色
#ffff00
9.灰色
#cccccc
注:a-f 变化规则:越接近f则越接近白色,0-9 变化规则:越接近0则越接近黑色
标签
- 单标签
单标签可以写结束符"/",也可以不写结束符。
<br>
<img>
- 双标签
双标签一定需要写结束符!
<a></a>
<p></p>
<--!
双标签还分别块标签和行标签:块标签诸如<label></label> <span></span>。行标签诸如<p></p> <div></div>等
块标签:独占一行。
行标签:只要宽度够,就会一直显示在同一行。
- 格式标签
br 换行
nobr 不换行,双标签
center 居中
pre 按源代码显示
ul 无序列表
ol 有序列表
dl 自定义列表
dt 自定义列表
dd 自定义列表内容
dr 导航线
- 文本标签
1.h1-h6 加粗字体
2.p 段落
3.b 加粗
4.u 下划线
5.i 斜体
5.font 文字
注:至于其他标签大家可以去w3school官网查看
如果你和我同样是一个young coder!
欢迎关注本人公众号Code center——春繁秋实,年年常茂。
![](https://img-blog.csdnimg.cn/20190801170713627.jpg)