标签

126 阅读2分钟

1.页面语言lang

image.png

最常见的2个: ①“en”定义语言为英语

②“zh-CN”定义语言为中文

拓展阅读

image.png

2.字符集

image.png

常用的字符集编码:

utf-8是目前最常用的字符集编码方式,常用的字符集编码方式还有gbk和gb2312

image.png

3.HTML标签的语义化

白话:所谓标签语义化,就是指标签的含义。

image.png

image.png

遵循的原则:先确定语义的HTML,再选合适的CSS 语义是否良好:当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性(裸奔起来一样好看)

4.HTML常用标签

  • 排版标签
  • 文本格式化标签
  • 图像标签
  • 链接
  • 相对路径,绝对路径的使用 ①排版标签:主要和CSS搭配使用,是网页布局最常用的标签

1)标题标签h(熟记

单词缩写: head 头部.标题 title 文档标题

语义:作为标题使用,并且依据重要性递减

基本语法格式

image.png

显示效果如下:

image.png

2)段落标签P(熟记

image.png 3)水平线标签hr(认识

image.png 4)换行标签br(熟记

image.png

5)div和span标签(重点

image.png

排版标签总结:

image.png

5.文本格式化标签(熟记)

在网页中,有时需要为文字设置粗体,斜体或下划线效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。

image.png

区别:b只是加粗,strong除了可以加粗还有强调的意思,语义更强烈,, 其余的同理

6.标签属性

image.png

7.图像标签ing(重点

单词缩写:image图像

语法: <img src "图像URL"./>

<img/>标记属性:

image.png

image.png

8.链接标签(重点)

image.png 例子:

image.png

注意:

image.png 重点掌握点:

  • 请说出链接标签那个属性是必须要写的?href
  • 请说出如何新窗口打开这个一个链接网页?target="_blank"

9.注释标签(快捷键:ctrl+?或者ctrl+shift+/)

在HTML中还有一张特殊的标签————注释标签。如果需要在html文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。

简单解释: 注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到

语法格式:

image.png 团队约定: 一般用于简单的描述,如某些状态描述,属性描述等,注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行

推荐

image.png

不推荐:

image.png