HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程</title>
<\head>
<body>
<h1>我的第一个标题</h1>
<p1>我的第一个段落</p1>
</body>
<\html>
-
<!DOCTYPE html> 声明为 HTML5 文档
-
<html> 元素是 HTML 页面的根元素
-
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
-
<title> 元素描述了文档的标题
-
<body> 元素包含了可见的页面内容
-
<h1> 元素定义一个大标题
-
<p> 元素定义一个段落
HTML标签
-
HTML 标签是由尖括号包围的关键词,比如 <html>
-
HTML 标签通常是成对出现的,比如 和
-
标签对中的第一个标签是开始标签,第二个标签是结束标签
-
开始和结束标签也被称为开放标签和闭合标签
HTML网页结构
<!DOCTYPE> 声明
- 声明有助于浏览器中正确显示网页。
-
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
-
doctype 声明是不区分大小写的
中文编码
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK
HTML基础
HTML标题
<p> </p>
HTML链接
<a> href= "https://www.runoob.com"</a>
HTML 图像
<img src="/images/logo.png" width="258" height="39" />
注意: 图像的名称和尺寸是以属性的形式提供的。
HTML 元素
HTML 元素语法
-
HTML 元素以开始标签起始
-
HTML 元素以结束标签终止
-
元素的内容是开始标签与结束标签之间的内容
-
某些 HTML 元素具有空内容(empty content)
-
空元素在开始标签中进行关闭(以开始标签的结束而结束)
-
大多数 HTML 元素可拥有属性
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。
HTML 文档由相互嵌套的 HTML 元素构成。
HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素( 标签定义换行)。
在开始标签中添加斜杠,比如 ,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
HTML 属性
-
HTML 元素可以设置属性
-
属性可以在元素中添加附加信息
-
属性一般描述于开始标签
-
属性总是以名称/值对的形式出现,比如:name="value"。
HTML 属性参考手册
HTML 水平线
标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
<hr>
<p>这是一个段落。</p>
HTML 注释
<!-- 这是一个注释 -->
HTML 折行
<p>这个<br>段落<br>演示了分行的效果</p>标签:段落,HTML,标签,元素,了解,简单,声明,属性 From: https://www.cnblogs.com/liudan050501/p/18148716