SaberSama的HTML详细总结

html

　　为什么要转过来呢？

　　　　因为我觉到，同样是一个初学者，应该互相学习，交流。

html：是Hyper Text Markup Language的简写，即超文本标记语言。

网页的组成成分为HTML-结构，CSS-表现，Javascript-行为

立即学习“前端免费学习笔记（深入）”；

下面写上我所学习的一些标签，以及用法。

标题标签：<h1>-<h6> 表示从一级到6级的标题，H1的字体最大。

排序标签：<ul>无序列表，列表选项用<li>表示。<ol>有序列表，列表选项用<li>表示。<dl>定义列表，列表选项用<dt>与<dd>表示。

段落标签：<p>，表示一个段落，一大段文字

预格式文本：<pre>表示怎么书写在内容里，就会显示出书写的内容。

引用标签：<cite>表示引用作品的出处，一个人物。<blockquote>表示引用一大段内容。<q>表示引用一小段的内容，比如一首诗<code>表示引用一段代码。

超链接：<a>a标签可以实现连接内部，外部的网站，图片，需要跳转的东西等。

图片：<img> ,<img src="" alt="" title="">src中写图片的地址，alt中写图片打不开的情况下，显示的文字，也可被搜索引擎搜索。title中写给用户看的内容。鼠标指上去会有文字显示。

区块定义：<p>标签，用在划分区块，很常用的一个标签。

斜体：<em><i>,em更加具有语义化，i只是斜体，没有强调作用。

粗体：<strong><b>，strong更加具有语义化，

BibiGPT-哔哔终结者

B站视频总结器-一键总结 音视频内容

28

查看详情

换行符：<br>

水平线：<hr>用得较少。

插入音频：<audio>,audio中有controls可控，autoplay自动播放，loop循环播放这些属性

插入视频：video，video中也有以上属性，还有个muted静音属性。

列表标签：<table> <th>表头，<tr>每一个tr表示有一行，<td>每有一个td表示有一列，colspan横向合并列，rowspan纵向合并。

输入框标签：<from>中写input=“”，text表示普通的文本框，placeholder中输入的值表示文本框中显示的字,disabled表示禁用这个框。

<input type="password" maxlength="6" autofocus/> 密码框，maxlength中的值是密码最长位数 autofocus自动定焦。

type="button",按钮不会提交，type="submit"与<button>xxx</button>按钮都会被提交。checkbox表示多选框，radio表示单选框。

<select>　　　　　　　　　　　　　　　　　　　　　　←指的是下拉列表

　　<option>xxxx</option>　　　　　　　　　　　　←指的是列表项

　　<option>xxxx</option>

</select>

textarea指的是多行文本框。

大概内容就这些，发现新的再更改。

更多SaberSama的HTML详细总结相关文章请关注PHP中文网！