一个HTML实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<h1>标题</h1>
<p>段落。</p>
</body>
</html>
中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。Edge会设置 GBK 为默认编码,需要设置为 <meta charset="gbk">。
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 间是整个html界面
- <head> 为头部元素,包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。<title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容 <h1> 元素定义一个大标题<p> 元素定义一个段落
HTML基础
HTML标题:
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
HTML段落:
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
HTML链接
<a href="网址">链接显示名称</a>
其中href是一个属性,在该属性中指定链接的地址。
HTML图像:
<img loading=" " src="地址" width="258" height="39" />
loading还不知道是什么意思,src中为图片的地址,width和height规定图片大小,loading和wh属性可以不做规定。
HTML元素
- HTML元素有开始标签和结束标签(有的只有一个),成对使用,联系<script>时结束标签忘加/导致无法正常显示。
- 空元素<br>表示换行,可以直接在开始标签后加/,采用<br/>,关闭该元素。
- 标签最好采用小写字母。
HTML属性
HTML属性为元素提供附加信息,一般描述于开始标签,以名称="值"的形式出现。
属性的值本身包含双引号的时候需要使用单引号。
HTML常用标签
<hr>画水平线
<!-- 注释--> HTML注释
HTML段落
HTML段落中的内容需要用<br>来进行分行,HTML代码中,多个联系的空格和回车都被显示为一个空格。采用<br>换行后紧跟的空格消失。