来自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中写给用户看的内容。鼠标指上去会有文字显示。

区块定义:<div>标签,用在划分区块,很常用的一个标签。

斜体:<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指的是多行文本框。

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

posted @ 2017-03-06 11:53  xiaohaimian'sBlog  阅读(216)  评论(1编辑  收藏  举报