html的介绍与示例
学习web前端的开始先从http开始入门，希望和小编一样开始学习web前端同学有帮助。
html是什么？
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
为什么要学习HHTP？
小编个人理解，学习HTTP是走向开发的必经之路，学会了HTTP才能更好的了解网页，小编对python爬虫有一些了解，根据爬虫的经验来看对自己增加自己对数据的选择更加不错。
要怎么学习HTTP？
小编个人感觉，只有有追求上进并且自律没有什么是不可能的，大不了重新开始呗
HTTP的内容：
常见的HTTP标签。（不区分大小写，不要出现中文符号）
常见结构
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
<title>title>
head>
<body>
body>
html>
1 ， p段落标签
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
<title>title>
head>
<body>
<p>
用来存储段落 <br />
换行显示
p>
body>
html>
现象：
2，tile标题标题
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1>这个是个一级标题h1>
<h2>这个是个一级标题h2>
<h3>3h3>
<h4>4h4>
<h5>5h5>
<p>
用来存储段落 <br />
换行显示
p>
body>
html>
现象：
3，文字修饰标签（加粗：strong与b，斜体：i与em，下划线：u，划线del）
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
<title>title>
head>
<body>
<h1>这个是个一级标题h1>
<h2>这个是个一级标题h2>
<h3>3h3>
<h4>4h4>
<h5>5h5>
<p>
<strong>用来strong>存储<b>段落b> <br />
<i>换i><em>hangem><u>显u><del>示del>
p>
body>
html>
标签分类（二大类，快标签，行标签）
块标签：
块标签，必须占一排，没有数据也要占。如：（h1,dev,p,li,ul,br等等）
行标签：
行标签：有多少占多少。如（u，strong,b,del,em,span等等)
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
<title>title>
head>
<body>
<div strle="border : 1px solid black; width:200px;">我是块标签，我就是占一排div>
<span style="border: 1px solid blue ; width:200px;">我是行标签，有多少我占多少span>
body>
html>
多媒体标签
img：图片处理
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
<title>这是一个网址title>
head>
<body>
<h1>h1>
<img src="E:\IT笔记\开发\web开发\wed开发软件\HBuilderX.2.3.7.20191024\img/a1.png" alt="这是一个图片" title="这是个图片"
style="height: 200px;width: 200px;"/>
body>
html>
video:视频处理
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
style>
<title>这是一个网址title>
head>
<body>
<h1>视频h1>
多个视频
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
style>
<title>这是一个网址title>
head>
<body>
<h1>视频h1>
table表格布局(tr 行,td列 一般都不在使用)
<html>
<head>
<meta name="author" content="作者" />
<meta name="keywords" content="搜索的关键字"/>
<meta charset="utf-8">
style>
<title>这是一个网址title>
head>
<body>
<h1>表格布局h1>
<table border="1">
<tr>
<td>
<img src="" alt="" />
td>
<td>
<p>这个是表格p>
td>
<td>
<video width="800" height="">
<source src="myvideo.mp4" type="video/mp4">source>
<source src="myvideo.ogv" type="video/ogg">source>
<source src="myvideo.webm" type="video/webm">source>
<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
<param name="movie" value="myvideo.swf" />
<param name="flashvars" value="autostart=true&file=myvideo.swf" />
object>
video>td>
tr>
table>
body>
html>
更加了解表练习：https://blog.csdn.net/weixin_47514459/article/details/116859323