html的介绍与示例

学习web前端的开始先从http开始入门，希望和小编一样开始学习web前端同学有帮助。

html是什么？
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

为什么要学习HHTP？
小编个人理解，学习HTTP是走向开发的必经之路，学会了HTTP才能更好的了解网页，小编对python爬虫有一些了解，根据爬虫的经验来看对自己增加自己对数据的选择更加不错。

要怎么学习HTTP？
小编个人感觉，只有有追求上进并且自律没有什么是不可能的，大不了重新开始呗
HTTP的内容：

常见的HTTP标签。（不区分大小写，不要出现中文符号）

常见结构

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"><title></title></head><body><!-- 这个来存储注释的格式 --></body>
</html>

1 ， p段落标签

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"><title></title></head><body><p>用来存储段落 <br /><!-- <br />用来换行 -->换行显示</p></body>
</html>

现象：

2，tile标题标题

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"><title></title></head><body><h1>这个是个一级标题</h1><h2>这个是个一级标题</h2><h3>3</h3><h4>4</h4><h5>5</h5><!-- 标题从1到6 --><p>用来存储段落 <br /><!-- <br />用来换行 -->换行显示</p></body>
</html>

现象：

3，文字修饰标签（加粗：strong与b，斜体：i与em，下划线：u，划线del）

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"><title></title></head><body><h1>这个是个一级标题</h1><h2>这个是个一级标题</h2><h3>3</h3><h4>4</h4><h5>5</h5><!-- 标题从1到5 --><p><strong>用来</strong>存储<b>段落</b> <br /><!-- <br />用来换行 --><i>换</i><em>hang</em><u>显</u><del>示</del></p></body>
</html>

标签分类（二大类，快标签，行标签）

块标签：
块标签，必须占一排，没有数据也要占。如：（h1,dev,p,li,ul,br等等）

行标签：
行标签：有多少占多少。如（u，strong,b,del,em,span等等)

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<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><!--参数：style="border（显示单元格格子: 1px（px是单位） solid blue 设置颜色 ; width:200px（宽度设置）;  -->    </body>
</html>

多媒体标签

img：图片处理

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"><title>这是一个网址</title></head><body><h1></h1><!-- img 是图片标签，用来显示和存储图片src：属性确定原图片存储位置，路径可以是本地（绝对路径，相对路径）和互联网路径开发中不建议使用绝对路径，可能访问不到图片，所以参加一个同级目录来存储图片alt:属性显示无法加载图片后的解释title:属性也是解释图片style="height: 200px;width: 200px;" css设置图片的样式--><img src="E:\IT笔记\开发\web开发\wed开发软件\HBuilderX.2.3.7.20191024\img/a1.png" alt="这是一个图片" title="这是个图片"style="height: 200px;width: 200px;"/></body>
</html>

video:视频处理

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"></style><title>这是一个网址</title></head><body><h1>视频</h1><!-- video 存储频源  controls 有值就行，没有这个属性展示是视频的第一帧autoplay 自动播放 在h5的标准下autoplay="autoplay"可以省略为autoplaymuted:属性和autoplay一起使用，作用禁止外放声音，在一些浏览器下配置才能使自动播放生效--><video style= "height:500px;width:600px" src="E:\IT笔记\开发\web开发\wed开发软件\web视频\03.常见的标签01.mp4"  controls="controls" autoplay muted"></video></body>
</html>

多个视频

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"></style><title>这是一个网址</title></head><body><h1>视频</h1><!-- video 存储频源  controls 有值就行，没有这个属性展示是视频的第一帧autoplay 自动播放 在h5的标准下autoplay="autoplay"可以省略为autoplaymuted:属性和autoplay一起使用，作用禁止外放声音，在一些浏览器下配置才能使自动播放生效--><video style= "height:500px;width:600px" src="E:\IT笔记\开发\web开发\wed开发软件\web视频\03.常见的标签01.mp4"  controls="controls" autoplay muted"></video><h2>多个视频处理方式</h2><video><source src=""></source><source src=""></source></video></body>
</html>

table表格布局(tr 行,td列一般都不在使用)

<!DOCTYPE html>
<!-- 下面是http的基本结构 -->
<html><head><meta name="author" content="作者" /><meta name="keywords" content="搜索的关键字"/><meta charset="utf-8"></style><title>这是一个网址</title></head><body><h1>表格布局</h1><!-- controls autoplay 音频播放属性 --><table border="1"><tr><!-- tr表示行 --><td><img src="" alt="" /></td><!-- 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&amp;file=myvideo.swf" /></object><!-- 当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a> --></video></td></tr></table></body>
</html>

更加了解表练习：https://blog.csdn.net/weixin_47514459/article/details/116859323

html的介绍与示例相关推荐

tf.cast()函数介绍和示例
tf.cast()函数介绍和示例 tf.cast(x, dtype, name=None) 释义:数据类型转换 x,输入张量 dtype,转换数据类型 name,名称示例: import tenso ...
numpy.random.rand()，numpy.random.randn()，numpy.random.normal()函数介绍和示例
numpy.random.rand(),numpy.random.randn(),numpy.random.normal()函数介绍和示例 1. numpy.random.rand() 均匀分布范围 ...
mysql创建表分区详细介绍及示例
mysql创建表分区详细介绍及示例 1. 基本概念 1.1 什么是表分区? 1.2 表分区与分表的区别 1.3 表分区有什么好处? 1.4 分区表的限制因素 2. 如何判断当前MySQL是否支持分区? ...
MISRA-C 2012修改指南介绍及示例
导言随着对汽车电子嵌入式软件的重视程度不断提高,为减少软件的缺陷,汽车工业软件可靠性协会MISRA(Motor Industry Software Reliability Association)提 ...
6、Druid的Roll up详细介绍及示例
Apache Druid 系列文章 1.Druid(Imply-3.0.4)介绍及部署(centos6.10).验证 2.Druid的入门示例(使用三种不同的方式摄入数据和提交任务) 3.Druid的 ...
Java 观察者模式介绍及示例
Java 观察者模式介绍及示例一.观察者模式简介 1.1概念观察者模式(Observer Pattern) : 观察者模式又名发布/订阅模式,属于行为模式,定义了对象中一对多的依赖关系,让多个观 ...
python中的内置函数getattr()介绍及示例
python中的内置函数getattr()介绍及示例其实getattr()这个方法最主要的作用是实现反射机制.也就是说可以通过字符串获取方法实例.这样,你就可以把一个类可能要调用的方法放在配置文件里 ...
集合视图UICollectionView 介绍及其示例程序
UICollectionView是一种新的数据展示方式,简单来说可以把它理解成多列的UITableView.如果你用过iBooks的话,可能你还对书架布局有一定印象,一个虚拟书架上放着你下载和购买的 ...
java的annotation_Java Annotation认知(包括框架图、详细介绍、示例说明)
摘要 Java Annotation是JDK5.0引入的一种注释机制. 网上很多关于Java Annotation的文章,看得人眼花缭乱.Java Annotation本来很简单的,结果说的人没说清楚 ...
migration mysql_MySql 使用 EF Core 2.0 CodeFirst、DbFirst、数据库迁移（Migration）介绍及示例...
dotnet core 2.0 发布已经好几天了,期间也把原来 dotnet core 1.1 的 MVC 项目升级到了 2.0,升级过程还是比较顺利的,变动也不是太多.升级的过程中也少不了 Enti ...

html的介绍与示例

常见的HTTP标签。（不区分大小写，不要出现中文符号）

标签分类（二大类，快标签，行标签）

多媒体标签

table表格布局(tr 行,td列一般都不在使用)

html的介绍与示例相关推荐

最新文章

热门文章

html的介绍与示例

常见的HTTP标签。（不区分大小写，不要出现中文符号）

标签分类（二大类，快标签，行标签）

多媒体标签

table表格布局(tr 行,td列 一般都不在使用)

html的介绍与示例相关推荐

最新文章

热门文章

table表格布局(tr 行,td列一般都不在使用)