HTML使用参考

最新推荐文章于 2020-12-15 09:12:29 发布

少年啦飞啦

最新推荐文章于 2020-12-15 09:12:29 发布

阅读量209

点赞数

分类专栏： WEB

本文链接：https://blog.csdn.net/caozp913/article/details/103517215

版权

19 篇文章 0 订阅

订阅专栏

<h1> to <h6>：设置不同级别的标题，字体大小逐渐递减。会自动另起一行。比如<h1>标题</h1>，默认是左对齐的
<p>：段落标签。比如<p>段落</p>，段落之间会有一定的间隔。加<p></p>可以隔一行
<br>：换行。<br/>也可以。
<hr>：显示一条水平线，<hr/>也可以。可以设置color、width、size、align等属性，在H5中已经过时了，了解即可。还可以通过给内容加下边框来完成这个效果。
<b>：加粗（bold）。比如：<b>被加粗的内容</b>
<i>：斜体(italics)。比如：<i>斜体</i>
<font>：字体标签，属于过时的标签，但是了解了解。可以设置颜色color、字号size、字体face等属性。注意各属性之间以空格分隔即可
<center>：文本居中，让文本相对父元素居中显示。比如<center></center>

color的定义形式：

尺寸的定义形式：

常用特殊符号显示表（名称末尾分号不加也行，最好加上）：

<img/>，里面需要定义图片位置src，另外可以定义对齐方式align、加载失败提示信息alt、宽width高height等属性，示例：

路径通常会写相对路径：

./ 表示当前路径，比如./aaa/bb.jpg，不写的话会默认有./，引用路径时用正斜杠/即可，即使是在windows下

../ 表示后退一级目录

有序标签：ol，（orderlist），比如<ol>所有列表项</ol>，可以定义编号类型type、起始编号start等，比如<ol type="A" start="3"></ol>。
无序列表：ul，（unorderlist），比如<ul>所有列表项</ul>
标记列表项：li，（list），比如<li>列表项</li>
综合使用示例：

通常都是使用框架，并不会用到原生的表单标签，可以作为了解

表单：采集用户输入的数据。和服务器进行交互。
form标签（围堵标签），本身并没有任何样式效果，只是将需要采集数据的部分包裹起来，也就是说，如果没有被包裹在form中，其中的数据将不会被采集。属性action，指定提交数据的目的地，虚拟路径/资源路径。
text：文本框（默认值）。可以用placeholder属性来指定文本框的提示信息。
password：密码框，以密文显示的文本框。可以用placeholder属性来指定文本框的提示信息。
radio：单选框。要想实现单选效果，每个单选框的name的取值要一致。有一个checked属性，可以用来标记默认值。checked="checked"。
checkbox：复选框，同样的，可以指定value值（value可以解决中文无法显示的问题）。有一个checked属性，可以用来标记默认值。如何提交复选框？设置name值，设置value值，还在保证在表单中。然后利用表单对象的方法submit()手动提交表单，那么选中的name=value参数就会被提交。
submit：提交按钮，用于提交其所在表单的数据。
button：生成一个普通按钮。点击没有任何反应。
label标签：用于指定输入项的名称。
表单项标签textarea（围堵标签），文本域。

关注