HTML定义
HTML是一种描述性的超文本标记语言,没有编译过程,直接由浏览器解析执行,不是编程语言(有编译过程)。
超文本:包含音频,视频,图片的文本称为超文本。
大部分HTML语言通过成对的标签包裹内容,如下所示:其中<p>
称为开始标签(用<>包裹无/),。
<p>我是一个段落!</p>
使用了段落标签p,在网页上呈现一个段落
<p>
称为开始标签(用<>包裹无 /)</p>
称为结束标签(用<>包裹有 /)- “ 我是一个段落!” 是被p标签包裹的内容
网页显示效果如下:
还有少量HTML语言无法包裹内容,只有结束标签,如水平线 <hr />,图片<img src="images/1.jpg" />
其中src是图片标签img的一个属性,而“images/1.jpg”是属性src的属性值
属性与标签之间、各属性之间以空格隔开,属性值用双引号括起来。
HTML文件 .html
模板如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> </body> </html>
<!DOCTYPE html> 声明此文档的类型为HTML5
整个HTML文件由一对<html></html>标签构成,里面包裹了HTML文件的头部<head></head>和身体<body></body>
<meta charset="UTF-8"> 声明此文档的字符集为 UTF-8
<title>网页标题</title> 内为网页标题
<head></head>里是页面的配置,包含字符集、关键词、页面描述、页面标题、IE适配、视口、iPhone小图标等等
<body></body>里写网页的主体内容
HTML注释
用 <!-- 和 --> 包裹
<!-- 这是一段注释 -->
HTML编码
UTF-8编码: 根据字符的不同,选择其编码的长度。比如:一个字符A用1个字节表示,一个汉字用2个字节表示。
HTML颜色
- 纯单词表示:red、green、blue、orange、gray等
- 10进制表示:rgb(255,0,0)
- 16进制表示:#FF0000、#0000FF、#00FF00等
RGB色彩模式:
- 自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得(三原色原理)
- 不同光的波长加到一起的时候,可以得到不同的混合色。例:红+绿=黄色,红+蓝=紫色,绿+蓝=青。
- RGB各有256级(0-255)亮度。
HTML标签分类
- 文本级标签:p、span、a、i 标签里只能放文字、图片、表单元素(a标签里不能放a和input)
- 容器级标签:div、h1-h6、li、dt、dd。容器级标签里可以放置任何东西。
HTML专门用作样式盒子的标签
这两个标签是专门为定义CSS样式而生
div
占据一行,里面什么都能放,包括div自己span
不换行,里面只能放置文字、图片、表单元素,不能放p、h、ul、dl、ol、div。
HTML面试题
h1标签有什么作用?
- 正确答案:给文本增加主标题的语义。
- 错误答案:给文字加粗、加黑、变大。
网页的head标签里面,表示的是页面的配置,有什么配置?
- 答:字符集、关键词、页面描述、页面标题、IE适配、视口、iPhone小图标等等。