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