欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

SaberSama的HTML详细总结

程序员文章站 2022-06-09 23:34:18
...
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中文网!

相关标签: HTML