HTML(Hyper Text Markup Language):超文本标记语言,它不是一种编程语言,而是一种标记语言,它使用标记标签来描述网页。
HTML文档描述网页,也被称为网页,浏览器可以读取HTML文档,并以网页的形式显示出它们。
<!-- 文档声明 -->
<!doctype HTML>
<!-- html的根标签(元素),网页中的所有内容都要写在根元素里边-->
<html>
<!-- head为网页的头部,主要用来帮助浏览器或搜索引擎来解析网页 -->
<head>
<!-- 通过meta标签设置网页的字符集 ,meta可以设置网页的元数据-->
<meta charset="utf-8"/>
<title>网页基本结构</title>
</head>
<!-- html的子元素,表示网页的主体 -->
<body>
<!--h1网页的一级标题 -->
<h1>网页的大标题</h1>
</body>
</html>
这些标签一般是用尖括号包围的关键次,通常是成对出现的。标签对中的第一个标签为开始标签,第二个标签为结束标签。但也有单独的自结束标签
<b></b> <!-- 成对标签 -->
<!-- 自结束标签 -->
<img/>
<input/>
name="value"<html>
<head>
<title>标签的属性</title>
</head>
<body>
<h1>这是我的<font color="#A52A2A">第三个</font>网页</h1>
</body>
</html>
| 属性 | 值 | 描述 |
|---|---|---|
| class | classname | 规定元素的类名 |
| id | id | 规定元素的唯一id |
| style | style_definition | 规定元素的行内样式 |
| title | text | 规定元素的额外信息(可以在工具提示中显示) |
<h1> - <h6> 等标签被称为HTML标题
但是一般只会用<h1> - <h3>。一个网页中一般只会有一个<h1>
浏览器会自动地在标题前后添加空行。HTML会自动地在块级元素前后添加一个额外的空行。
HTMl段落用<p>标签进行定义
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
HTML链接通过<a>标签进行定义,在href属性中指定链接的地址。
有两种使用<a>标签的方式:
<a href="https://www.cnblogs.com/1625--H/">Visit Blog</a>
target属性可以定义被链接的文档在何处显示
_self 为默认值表示在当前页面打开
_blank 在新页面打开
<a href="https://www.cnblogs.com/1625--H/" target="_blank">Visit Blog</a>
如果href属性值为#,可以跳到网页顶部,#后面紧跟id号可以跳到对应标签的位置。
HTML图像通过<img>标签进行定义。尽管属性可以对图像进行设置,但是我们尽量避免这么做。
属性
src="url",url指存储图像的位置alt="***",alt属性用来为图像定义一串预备的可以替换的文本。表格由<table>标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table>标签属性 border="1" 可以定义边框属性<th>把<td>代替,浏览器默认显示为粗体居中的字体。<ul>,每个列表项始于<li><ol>,每个列表项始于<li><dl>开始<dt>开始,每个列表项的定义项以<dd>开始<hr/> 标签在HTML页面创建水平线,可以用于分割内容。<!-- --> HTML注释<br /> 换行<q> 用于短引用、<blockquote>用于长引用<addr> 定义缩写或首字母缩略语。eg:<abbr title="World Health Organization">WHO</abbr><dfn> 用于定义项目或缩写的定义原文:https://www.cnblogs.com/1625--H/p/12113338.html