html使用记录_用html来记录文章-CSDN博客

本文链接：https://blog.csdn.net/linuxvfast/article/details/117435203

html语言特点：

1、可以设置文本的格式，如标题、字号、文本颜色、段落

2、可以创建列表

3、可以插入图像和媒体

4、可以建立表格

5、超连接，可以使用鼠标点击超链接来实现页面之间的跳转

html基本结构：

<html>内容</html>：html的文档标记

<head>内容</head>：html头信息

<title>内容</title>：html文件标题

<body>内容</body>：html网页的主体

标记格式：

:强制换行标记

:段落标记

<center>:居中对齐标记

<pre>:预格式化标记，保留预先编排好的格式，常用来定义计算机源代码

<li>:列表标记，<ol>有序列表，<ul>无序列表

<dl><dt><dd>:对列表条目进行简短说明

<hr>:水平分割线标记

<div>:层标记

<hn>：标题大小标记，h1最大，h6最小

:设置字体

:粗体

:斜体字

:文字下标

:文字上标

<tt>:打印机字体

<cite>:引用方式的字体，通常是斜体

:表示强调，通常显示为斜体

:表示强调，通常是斜体

:小型字体

<big>:大型字体

:下划线字体

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Python</title>
</head>
<body>
<br>
<h1>Python爬虫</h1>
<h2>Python爬虫</h2>
<h3>Python爬虫</h3>
<h4>Python爬虫</h4>
<h5>Python爬虫</h5>
<h6>Python爬虫</h6>
<h7>Python爬虫</h7>
<font size="1">Python爬虫</font>
<font size="3">Pythonh爬虫</font>
<font size="7">Pythonh爬虫</font>
<font size="7" color="red" face="微软雅黑">Python爬虫</font>
<font size="7" color="red" face="宋体">Python爬虫</font>
<font size="7" color="red" face="新明细体">Python爬虫</font>
<br>
<b>Python爬虫</b>
<br>
<i>Python爬虫</i>
<br>
2<sub>2</sub>
<br>
2<sup>2</sup>
<br>
<cite>Python爬虫</cite>
<br>
<em>Python爬虫</em>
<br>
<strong>Python爬虫</strong>
<br>
<small>Python爬虫</small>
<small><small>Python爬虫</small></small>
<small><small><small>Python爬虫</small></small></small>
<br>
<big>Python爬虫</big>
<big><big>Python爬虫</big></big>
<br>
<big><big><big><u>Python爬虫</u></big></big></big>
<br>
</body>
</html>

图像标记：<img>

img包含的属性：

1、src：指定图片的路径、名称、格式

2、width:指定图片宽度、单位为px、em、cm、mm

3、hight：指定图片高度，单位为px、em、cm、mm

4、broder:指定图片边框，单位为px、em、cm、mm

5、alt：作用：1、当网页的图片加载完成后，将鼠标放到图片上，会显示图片指定的属性文字

2、如果图片加载失败，会用文字来代替图片

3、搜索引擎可以通过这个属性文字来抓取图片

超链接的使用：

语法：<a href="链接地址" target="打开方式" name="页面锚点名称">链接文字或者图片</a>

当target的值为_blank时，是在新的窗口打开链接