1.HTML
(1)
HTML(Hypertext Markup Language)超文本标记语言
它负责网页的三个要素之中的结构
HTML 使用标签的形式来认识网页中的不同组成部分
所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面
HTML 文档包含了 HTML 标签及文本内容
HTML 文档也叫做 web 页面
(2)
HTML 标题(Heading)是通过<h1>-<h6>标签来定义的
HTML 段落是通过标签<p>来定义的
HTML 链接是通过标签 <a> 来定义的
HTML 图像是通过标签 <img> 来定义的
2. 标签 (元素)
HTML 标记标签通常被称为 HTML 标签(HTML tag)。
HTML 标签是由尖括号包围的关键词,比如<html>
HTML 标签通常是成对出现的,比如<b>和</b>(可用于一级标题)
标签对中的第一个标签是开始标签,第二个是结束标签
开始和结束标签也被称为开放标签和闭合标签
标签可以嵌套
html
预览
<html>
<head>
<title></title>
</head>
<body>
<h1>这是我的第二个网页</h1>
</body>
</html>
示例
解释: 1.<p>元素::: 这个<p>元素定义了 HTML 文档的主体,这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
2.<body>元素<body> 元素定义了 HTML 文档的主体,这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。body标签用来设置网页的主体内容,网页中所有可见的内容,都应该在 body 中编写
3.<html>元素 (有且只有一个根标签)<html> 元素定义了整个 HTML 文档,这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>.
4. head 标签,该标签中的内容,不会在网页中直接显示,它用来帮助浏览器解析页面的
5. title 网页的标题标签,默认会显示在标签页顶部title网页的标题标签,默认会显示在浏览器的标题栏中搜索引擎在检索页面时,会首先检索title标签中的内容它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名
HTML 标签参考手册
菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。
标签描述
<html>定义 HTML 文档
<body>定义文档的主体
<h1>
-<h6>
定义 HTML 标题
<hr>定义水平线
<!--...-->定义注释
常用标签
1. 标题标签
在 html 中,一共有六级标题标签,h1~h6,在显示效果上,h1 最大,h6 最小h1 标签非常重要,它会影响到页面在搜索引擎中的排名,一般页面中的标题标签只使用 h1,h2,h3,h3 以后的基本不使用
2. 段落标签
标题标签用于表示内容中的一个自然段,使用p标签来表示一个段落。p标签中的文字,默认会独占一行,并且段与段之间会有一个间距在 HTML 中,字符之间写再多的空格,浏览器也会当成一个空格解析,换行也会当成一个空格解析
3. 自结束标签
<br/>,<br/>表示一个换行
<hr>,<hr/>表示插入横线img标签也是一个自结束标签
3. 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。例如:<!-- 这是一个注释 -->
4. 属性
属性是 HTML 元素提供的附加信息
属性通常出现在 HTML 标签的开始标签中,用于定义元素的行为、样式、内容或其它特性
属性总是以 “name=value” 的形式写在标签内,name是属性的名称,value是属性的值
示例: <h1>这是我的<font color="red">第二个</font>网页</h1>
属性名 = “属性值”,一个标签中可以同时设置多个属性,属性之间需要空格隔开
6. 实体
概述:
在 html 中,一些如< >中特殊字符是不能直接使用的,需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号称为实体(转义字符串)
语法:
&实体的名字;
应用:
<:<
>:>
空格:
版权符号:©
7. 图片标签
概述:
使用img标签来向网页中引入一个外部图片
8.内联框架
概述:
使用内联框架可以引入一个外部的页面,使用iframe来创建一个内联框架,但在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎检索
使用属性:
<iframe ></iframe>
src:指向一个外部界面的路径,可以使用相对路径
width:
将以上图片提取文字并转为markdown格式
使用属性:
<iframe ></iframe>
src:指向一个外部界面的路径,可以使用相对路径
width:
height:
name:可以为内联框架指定一个name属性
9. 超链接
概述:
使用超链接可以让我们从一个界面跳转到另一个界面
创建超链接:
使用a标签来创建一个超链接<a></a>
创建超链接时,如果地址不确定可以直接写一个#作为占位符
属性:
href:指向链接跳转的目标地址,可以写一个相对路径也可以写一个完整的地址
target:a标签中的target属性可以用来指定打开链接的位置
可选值:_self,表示在当前窗口打开(默认值)
_blank,表示在新的窗口打开链接
可以设置一个内联框架的name属性值,连接将会在指定的内联框架中打开
center标签中的内容会默认在页面中居中显示