HTML部分标签的详解(细说)

一、标题

HTML的标题是通过<h1>-<h6>这一系列的标签定义的

如：

<h1>这是个标题</h1>
<h2>这是个标题</h2>
<h3>这是个标题</h3>
<h4>这是个标题</h4>
<h5>这是个标题</h5>
<h6>这是个标题</h6>

标题的大小是由h1到h6以此变小的

HTML的段落是由<p>标签进行定义的

如：

<p>这是段落</p>

段落的换行除了在代码界面主动切换行以外可以使用<br>标签进行换行（由于<br>十一个空的HTML元素，所以闭标签没有意义于是没有闭标签）

HTML里面的绝大部分元素都是可以嵌套。

如：

<html>

<body>
<p>这个语法包含了三个HTML元素</p>
</body>

</html>

在HTML中，图像是由<img>标签定义，<img>是一个空的标签想要在网页上显示图形必须使用src属性。如：

<img src="url" />url表示储存图像的位置

在HTML中目前接触到三种排列方式，有序排列<ol>、无序排列<ul>和自定义列表<dl>

1、无序排列在网页上面实现的开头都是由粗的黑色圆点进行标记的

<ul>
<li>无序排列</li>
<li>无序排列</li>
<li>无序排列</li>
<li>无序排列</li>
</ul>

2、有序排列在网页上面实现的开头是使用数字进行标记的

<ol>
<li>有序排列</li>
<li>有序排列</li>
<li>有序排列</li>
</ol>

3、自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。如：

<dl>
<dt>蓝</dt>
<dd>这是种颜色</dd>
</dt>

HTML的输入是由<input>来定义的，在input标签内使用不同的属性可以定义不同的的输入方式

text属性定义仅供文本输入的单行输入，如：

请输入文本：
<input type="text">

password属性用来定义密码字段，如：

<input type="password">

3、radio属性

radio属性用于定义单选按钮

<input type="radio">牛奶
<input type="radio">咖啡

4、checkbox属性

checkbox属性用于定义复选框

<input type="checkbox">牛奶
<input type="checkbox">咖啡

5、button属性

button属性用于定义按钮

<input type="button" value="点我！">

posted on 2021-11-09 22:42 菱蘭阅读(175) 评论(0) 编辑收藏举报