HTML的基本结构标签
<!--
HTML的基本骨架标签
包含与并列关系
根标签<html>
骨架标签
-->
<!DOCTYPE html>
<!--
<!DOCTYPE >文档类型声明：告诉浏览器使用html的某个版本,这里指默认html5,同时必须写到最顶部
-->
<html>
<!--
<html lang = "en"> 定义当前文档的显示语言en(English),zh-CN中文网页.对浏览器和搜索引擎，自动翻译功能有一定作用,语言警示作用
-->
<!-- head对title的包含 -->
<head>
<meta charset = "UTF-8"> <!--在head中规定HTML文档应使用哪种字符编码（解决乱码问题）-->
<title> </title>
</head>
<body> </body> <!-- 主体 -->
</html>
.........
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> </title>
</head>
<body>
</body>
</html>
文本格式化标签、图像标签
<!-- 标题标签(h1~h6):总共六级,单行显示 -->
<h1> </h1>
<!-- 段落和换行标签 paragraph(段落),break(强制换行)-->
<p> </p>
<br /> <!--单标签-->
<!-- 文本格式化标签 -->
<strong> </strong> <b> </b> <!--加粗标签-->
<em> </em> <i> </i> <!--倾斜标签-->
<del> </del> <s> </s> <!--删除线标签-->
<ins> </ins> <u> </u> <!--下划线标签-->
<!-- div 与 span 标签：没有语义用于封装内容 -->
<div> </div> <!--div:独占一行的部分(大盒子)-->
<span> </span> <!--span:一行能显示多个(小盒子)-->
<!--图像标签和路径-->
<img src="url"/> <!--src用于指定图片的存放地址url-->
<img src="url" alt=" "> <!--alt(替换文本)但图片由于某种原因不能显示时，由alt的文字来代替原图片进行显示-->
<img src="img.jpg" title=" "> <!--title(提示文本)鼠标移动到图片上面时，会有文本提示-->
<img src="img.jpg" width=" " height=" "> <!--width(设置宽度),height(设置高度):均是设置像素大小，一般只修改一个(等比例缩放) -->
<img src="img.jpg" border=" "> <!--border(设置图片边框)：结合css使用-->
<!--路径查找-->
<!--
相对路径: 以图片相对html页面的相对位置(同一级，下一级，上一级)
同一级：直接 用图片名称表示
下一级: 用 / 表示， "文件夹目录/文件名"
上一级: 用 ../ 表示， "../文件名"
绝对路径: 目录下的绝对位置，直接到达目标位置
可以使用网络上(http)绝对地址或者本地路径
-->
链接标签
<!-- 超链接 -->
<a herf="跳转地址" target="窗口的弹出方式"> 文本或者图像 </a>
<!--herf:指定链接的url位置，target:_self为默认值，_blank为在新窗口打开-->
<!--
外部链接:例如 https://www.cnblogs.com/Tianwell 和 内部链接 index.html(写名字即可)
空链接: a herf="#"
下载链接:链接地址是 文件.exe 或者 zip 等压缩包形式
网页元素的链接： <a herf ="xxxx"> <img src="url" > </a>
-->特殊字符
<!--
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）
HTML 中的常用字符实体是不间断空格( )
-->
图片来源:https://www.w3school.com.cn/html/html_entities.asp
表格标签
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> </title>
</head>
<body>
<!--table 表标签，用于包含table中的其他子标签-->
<!--
表格属性:align(left,right,center对齐格式),border(边框),cellpadding(单元格内容与边框距离),cellspacing(单元格之间的间隙),width(表格宽度),height(高度)
-->
<table>
<!-- table 头部标签 -->
<thead>
<!--tr 行标签-->
<tr>
<!-- th 表头单元格：文字加粗居中 -->
<th>
</th>
</tr>
</thead>
<tbody>
<tr>
<!-- td 行内单元格 -->
<td>
</td>
</tr>
<!--
合并单元格：先确定跨行还是跨列，确定合并个数在目标单元格出添加 <td colspan="2"> </td> 或者 <td rowspan="2"> </td>
-->
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</body>
</html>列表标签
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> </title>
</head>
<body>
<!-- 无序列表:只能放<li>标签 -->
<ul>
<!--子单元:可以放其他标签-->
<li></li>
</ul>
<!--有序列表-->
<ol>
<li></li>
</ol>
<!--自定义标签-->
<dl></dl>
</body>
</html>表单标签
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> </title>
</head>
<body>
<!--表单的常见组成:表单域,表单元素，提示信息-->
<!--
action 用于接收处理表单数据的服务器程序url地址,method：表单提交方式，name表单的名称用于区分
-->
<form action="url地址" method="post/get" name="表单名称">
<!--表单元素:input输入,select下拉,textarea文本域-->
<!--
常用输入属性： text(文本框),password(密码框)，radio(点选按钮)，checkbox(复选框),submit(提交按钮),reset(重置按钮),hidden(隐藏输入字段),button(一般与js结合使用,file(上传文件))
-->
<input type="" name="" value="" placeholder="">
<!--下拉表单-->
<select>
<option> a </option>
<option> b </option>
<option> c </option>
</select>
<!--文本域-->
<textarea cols="" rows=""> </textarea>
</form>
</body>
</html>
287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
