SaberSama的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更加具有语义化,
换行符:<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中文网!