HTML

简介: HTML

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小图标等等。
目录
相关文章
|
移动开发 HTML5
|
4月前
|
Web App开发 移动开发 JavaScript
HTML5
HTML5
52 0
|
4月前
|
前端开发 信息无障碍 开发者
HTML4(二)(上)
HTML4(二)(上)
57 0
|
6月前
|
存储 移动开发 前端开发
什么是HTML?
【5月更文挑战第1天】什么是HTML?
65 5
|
6月前
|
XML 数据格式
HTML
HTML
62 1
|
6月前
|
开发者
html怎么学
【4月更文挑战第10天】html怎么学
30 1
|
6月前
|
前端开发
什么是HTML?
什么是HTML?
|
Web App开发 前端开发 JavaScript
HTML初识
HTML初识
103 0
|
算法 小程序
台球html游戏算法介绍
台球html游戏算法介绍
235 0
台球html游戏算法介绍
|
XML 数据格式 开发者
html 4.01
html 4.01
118 0