51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

HTML的学习笔记

HTML的骨架结构 {#HTML的骨架结构}

|---------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html> |

网页是由一个HTML标签进行包括的,其中head是网页的头部,body是网页的身体,而在title标签中的文字是网页的标题。
在未来写网页主题内容时往body标签中写。
HTML骨架结构组成为

  • html标签:网页的整体

  • head标签:网页的头部

  • body标签:网页的身体

  • title标签:网页的标题


HTML的语法规范 {#HTML的语法规范}

HTML的注释 {#HTML的注释}

注释可以理解为对自己写的代码的一些笔记方便下次看到此处时想起写的代码的功能和意义,注释主要是为了提供给自己或者其他程序员观看。
注释的快捷键在vscode中注释的快捷键为ctrl+/
注释的文字在浏览器显示中是看不到的。

HTML标签的构成 {#HTML标签的构成}

|-----------|--------------------------------| | 1 | <strong>文字要变粗</strong> |

其中前面<>中的'strong'是一个开始标签,中间包裹的是内容,在最后的<>中的/strong是结束标签。
结构说明:

  • 标签是由<、>、/、英文单词字母组成的。并且把标签中<>包括起来的英文单词或怎么称为标签名
  • 常见的标签由两部分组成,称为双标签。前部分加开始标签,后部分叫结束标签,两部分之间包裹着内容。
  • 少数标签由一部分组成,称为单标签。自为一体,无法包裹内容。

标签两种的关系:

  • 父子关系(嵌套关系)

    |-----------------|------------------------------------------| | 1 2 3 4 | 如 <html> <title></title> </html> |

  • 兄弟关系(并列关系)

    |---------------|---------------------------------------| | 1 2 3 | 如 <head></head> <body></body> |

赞(0)
未经允许不得转载:工具盒子 » HTML的学习笔记