1.标题标签h
是块元素,一般情况下是独占一行
有6种标题,从h1-h6字体会逐渐变小
一般常用的h3或h4
<h1>标题<h1>
<h2>标题<h2>
<h3>标题<h3>
<h4>标题<h4>
<h5>标题<h5>
<h6>标题<h6>
这样写就会出现这种效果
2.段落标签p
是一个块元素,一般情况下是独占一行
<p>哉年得君憾都同,国同逃谢生作份使国未得极之吞,我纯听无人衣,被见国着融学二,不五同的法天,失妄下出制不下与台而救留以秦下母冇落亲,弟姑同月若属他意嗣请足匹有商,俭大句游,中报得死为司盲故感能高同文的是感绝褒自,分有才药中赏了要,谭畴连衣不说妙他沉留秦然了。</p>
<p>德太上时,你自当病仆的么见而雷有你不锐老病为劫,惶锐说怎少,和心极生疾论怒,负对能作天,作彷马的认哉斯自狱救俭才她宫皇人说以,后币智罪日不娟家司龄何老,交他老杨,日韩看为雷洪措得蒲是褒然,明仆份清越人否松君前在就五促骨感郭仍的,大属智辜磊斯姑姑己害览最由。</p>
<p>的略措说召兴拢德属德派,韩要家处极郭姑币名德九道主者的磊方非流,杨不争我你妙未挟定锐令嗣谢你血事者秦回,览与不方卞天互不法认得秦谋郭不朗害毒于,他第目间未吞到,失韩无得以外到五别乌了了使因国十了逃以,叩了收仅则制破派诗爱量极玉者一流足,老不妄冇天王死者郭。</p>
3.换行标签br
是行内元素,占自身体积大小,是一个自结束标签
这是没有换行
<p>哉年得君憾都同,国同逃谢生作份使国未得极之吞,我纯听无人衣,被见国着融学二,不 <br> 五同的法天,失妄下出制不下与台而救留以秦下母冇落亲,弟姑同月若属他意嗣请足匹有商,俭大句游,中报得死为司盲 <br> 故感能高同文的是感绝褒自,分有才药中赏了要,谭畴连衣不说妙他沉留秦然了。</p>
加入br之后
4.水平线标签 hr
<p>的略措说召兴拢德属德派,韩要家处极郭姑币名德九道主者的磊方非流,杨不争我你妙未挟定锐令嗣谢你血事者秦回,览与不方卞天互不法认得秦谋郭不朗害毒于,他第目间未吞到,失韩无得以外到五别乌了了使因国十了逃以,叩了收仅则制破派诗爱量极玉者一流足,老不妄冇天王死者郭。</p>
<hr>
在页面上加了个水平线
5.转义字符标签
<: 小于号(<)
>:大于号(>)
&quto:双引号(‘’)
6.格式化标签
<strong>加粗</strong>
<b>加粗</b>
<em>倾斜</em>
<i>倾斜</i>
<del>删除线</del>
7.居中标签center
<center>是否</center>
8.列表标签
有序列表(ol li)
无序列表(ul li)
定义列表(dl dt dd)
<ol type="1">
<li>牙膏</li>
<li>洗发水</li>
<li>餐巾纸</li>
</ol>
<!--无序列表
type 属性
disc 实心圆 默认值
circle 空心元
square 实心方块
最常用的-->
<ul type="square">
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ul>
<!--定义列表
dt 被定义的内容
dd 对内容的解释-->
<dl>
<!--下定义-->
<dt>HTML结构</dt>
<!--具体内容-->
<dd>头部</dd>
<dd>主体内容</dd>
<dd>底部</dd>
</dl>
9.图片标签 img
<img src="图片来源地址" alt="图片不显示时,用来描述图片的文字" width="图片宽度" height="图片高度" title="鼠标触上时显示的文字">
在设置图片宽高时,一般只设置一个,另一个会自适应
10.超链接标签(a标签)
行内元素
<a href="一个正确地址" target="用来打开链接位置"></a>
href里面既可以是一个正确的地址,也可以是一个空标签
target 属性值:
_self,表示在当前窗口打开(默认值) 一般情况下在国外的网站用的更多
_blank,表示在新的窗口中打开链接 一般在国内更多
11.音视频标签
音频标签audio
<audio src="音频地址" controls autoplay loop></audio>
属性:
controls 可以控制音频是否播放
autoplay 可以控制是否自动播放,目前大部分浏览器是不可以自动播放的
除了IE8以下
loop 是否循环播放-->
视频标签video
<video src="视频地址" controls loop ></video>