HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
HTML的基本结构
<html> <!--文档声明 -->
<head> <!--标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件 -->
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body><!--编写网页上显示的内容-->
网页显示内容
</body>
</html>
HTML文档类型
目前常用的两种文档类型是xhtml 1.0和html5
两者区别
1.文档声明和编码声明
2.html5新增了标签元素以及元素属性
html注释:
<!-- 这是一段注释 -->
html标题标签:
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<html> <!--文档声明 -->
<head> <!--标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件 -->
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body><!--编写网页上显示的内容-->
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
</body>
</html>
html段落标签、换行标签与字符实体
1.段落标签
<p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开
<html> <!--文档声明 -->
<head> <!--标签里面负责对网页进行一些设置以及定义标题,设置包括定义网页的编码格式,外链css样式文件和javascript文件 -->
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body><!--编写网页上显示的内容-->
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<p>HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,</p>
<p>这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页</p>
</body>
</html>
2.换行标签
<br/>
<p>HTML是 HyperText Mark-up Language 的首字母简写,<br/>意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,</p>
3.实体字符
空格实体字符
实例
<!-- 在段落前想缩进两个文字的空格,使用空格的字符实体: -->
<p>
HTML是 HyperText Mark-up Language 的首字母简写,<br/>意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,</p>
“<”与“>”实体字符
<!-- “<” 和 “>” 的字符实体为 < 和 > -->
<p>
3 < 5 <br>
10 > 5
</p>
发表评论 取消回复