html语法

lune_one

2024-04-24 帮助1人

HTML语法⼤全

⼀、认识html

html：hypertextmarkuplanguage，超⽂本标记语⾔，超链接（实现页⾯跳转）；
html结构标准：
1. <!DOCTYPE html> 
2. 
3. <html lang="en"> 
5. <head>
6. <meta charset="UTF-8"> 
7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
8. 
9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
10. <title>Document</title> 
11. </head>
12. <body>
14. </body>
15. </html>
HTML 标签

1.html常用标签

1.1标题标签：

<h1></h1>——<h6></h6>

1.2段落标签:

<p></p>

1.3换行标签(单标签):

<br/>，在html5中可以省略/

1.4文本格式化标签：

语义	标签	说明
加粗	<strong></strong>或者<b></b>	更推荐使用<strong></strong>标签
倾斜	<em></em>或者<i></i>	更推荐使用<em></em>标签
删除线	<del></del>或者<s></s>	更推荐使用<del></del>标签
下划线	<ins></ins>或者<u></u>	更推荐使用<ins></ins>标签

1.5盒子标签:

<div></div>和<span></span>

1.6图像标签:

<img/>

1.7图像路径:

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级如<img src="https://blog.csdn.net/weixin_44954230/article/details/img.jpg"/>
下一级路径	/	图像文件位于HTML文件下一级如<img src="https://blog.csdn.net/weixin_44954230/article/details/imges/img.jpg"/>
上一级路径	../	图像文件位于HTML文件上一级如<img src="https://blog.csdn.net/weixin_44954230/article/img.jpg"/>

1.8超链接标签:

<a href="跳转目标" target="目标窗口的弹出方式"></a>

1.9注释标签和特殊字符:

注释标签：

<!--注释-->

特殊字符：（只需记住空格符、大于号、小于号）

学新通

2.表格标签

2.1表格的基本语法：

<table>
<tr>
<td>单元格内的文字</td>
</tr>
</table>

2.2表头单元格标签:

<th></th>

2.3表格属性（只做了解后面只通过CSS来设置表格，语法要记住）

属性名	属性值	描述
align	left、center、right	表格元素对齐方式
border	1或""	规定是否有边框，默认为""，表示没有边框
cellpadding	像素值	规定单元格边沿与其内容之间空白，默认1px
cellspacing	像素值	规定单元格之间的空白，默认为2px
width	像素值或百分比	规定表格宽度
height	像素值或百分比	规定表格高度

2.4表格结构体标签 :

<thead></thead>
<tbody></tbody>

2.5合并单元格:

跨行合并：rowspan="合并单元格的个数"
跨列合并：colspan="合并单元格的个数"

3.列表标签

3.1无序列表：

<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>

3.2有序列表:

<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

3.3自定义列表:

<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
<dd>名词1解释3</dd>
</dl>

4.表单标签 :

4.1表单的组成：表单域、表单控件、提示信息

4.2表单域：

<form action="url地址" method="提交方式"></form>

4.3表单控件（表单元素）

4.3.1输入表单元素：

<input type="属性值"/>

type属性的属性值：

属性值	描述
button	定义可点击按钮
checkbox	定义复选框
file	定义输入字段和"浏览"按钮，供文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段。该字段中的字符被淹没
radio	定义单选按钮
reset	定义重置按钮。重置按钮会清除表单中的所有数据
submit	定义提交按钮。提交按钮会把表单数据发送到服务器
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为20字符。

除type属性外，<input/>标签还有其他很多属性，其常用属性如下：

属性	属性值	描述
name	由用户自定义	定义input元素的名称
value	由用户自定义	规定input元素的值
checked	checked	规定此input元素首次加载时应当被选中
maxlength	正整数	规定输入字段中的字符的最大长度

4.3.2绑定表单元素标签：

<label></label>

4.3.3下拉列表标签:

<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>

4.3.4文本框标签

<textarea row="3" cols="20">
文本内容
</textarea>

这篇好文章是转载于：学新通技术网

html语法

HTML语法⼤全

⼀、认识html

HTML 标签

1.html常用标签

1.1标题标签：

1.2段落标签:

1.3换行标签(单标签):

1.4文本格式化标签：

1.5盒子标签:

1.6图像标签:

1.7图像路径:

1.8超链接标签:

1.9注释标签和特殊字符:

2.表格标签

2.1表格的基本语法：

2.2表头单元格标签:

2.3表格属性 （只做了解 后面只通过CSS来设置表格，语法要记住）

2.4表格结构体标签 :

2.5合并单元格:

3.列表标签

3.1无序列表 ：

3.2有序列表:

3.3自定义列表:

4.表单标签 :

4.1表单的组成：表单域、表单控件、提示信息

4.2表单域：

4.3表单控件（表单元素）

4.3.1输入表单元素：

4.3.2绑定表单元素标签：

4.3.3下拉列表标签:

4.3.4文本框标签

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

《学习通》视频自动暂停处理方法

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

怎样阻止微信小程序自动打开

TikTok加速器哪个好免费的TK加速器推荐

2.3表格属性（只做了解后面只通过CSS来设置表格，语法要记住）

3.1无序列表：