html

最新推荐文章于 2024-05-26 14:30:11 发布

沐子**

最新推荐文章于 2024-05-26 14:30:11 发布

阅读量144

点赞数

文章标签： html html5 网页设计

本文链接：https://blog.csdn.net/qq_43737870/article/details/112852272

版权

1.HTML简介

html语言：超文本语言（通过超链接形式将文本链接到一起），是制作网页的标准语言，不区分大小写。

标签：有尖括号包围,成对标签比如 < title>，< /title>通常成对存在，单独标签比如< img />
每个标签都是嵌套的，注意缩进
元素：开始标签、结束标签、文本内容
属性：src，alt等，一个标签可能有多个属性，属性无先后顺序

<!DOCTYPE html>  //文档格式符合html5标准
//lang 属性：搜索引擎（en：英文  zh：中文）
<html lang="en">
<head>
//meta 元数据  charset：字符集国际编码 
    <meta charset="UTF-8">   
    <title>    </title>
 </head>
 <body>
 </body>
 </html>

2. HTML的标签

1.标题标签< h1>1级标题< /h1>、 < h2>2级标题</ h2>、< h3>3级标题< /h3>、< h4>4级标题< /h4>、< h5>5级标题< /h5>、< h6>6级标题< /h6>注意：一个页面只有一个一级标题
2.段落标签< p>段落内容< /p>注意：每个段落自动换行连续空格不会显示空行
3.段内换行 < br/>
4.空格字符 &nbsp；
5.预留格式 < pre> < /pre>，保留原格式
6.段内分组 span{ }，通过css样式
7.水平线 < hr/>，添加一个水平线
8.超链接标签 < a href=“网址”> 文本或图片< /a>，虚拟超链接 < a href="#"> 文本或图片< /a>
9.图像格式：JPG（有损压缩，色彩丰富）GIF（简单动画、背景透明）PNG（无损压缩、透明、动画、交错）
< img src=“路径+文件名 “alt =” " />
绝对路径：以根目录为基准点
相对路径：以文档所在位置为基准点
10. 区域标签:< div> < /div>
11. 列表标签:
无序列表< ul>列表项< li>
有序列表< ol> 列表项< li>
12. 表格标签: < table>行：< tr >单元格： < td> 表头单元格< th>
13.上下标: < sup>
14. 表单标签< form action=” 数据处理网页">表单元素< /form>
15.输入标签:< input type=“submit " name =” " value=“提交”/>
16.下拉列表框（seclct option）
17.文本域标签textarea
18.form表单中的input的type属性：提交按钮（submit）重置按钮（reset）确定按钮（submit）单选框（radio）复选框（checkbox）选择项（check）属性

语义化标签：