HTML
HTML是HyperText Markup Language的简称,也是 超文本标记语言
,是 解释型语言
解释给浏览器展现出来!
html文件,基本构架
<!DOCTYPE HTML>
声明文档 HTML5文档
<hmlt></html>
根元素
<head></head>
头元素
<meta>
编码集
<body></body>
主体内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>页面标题</title>
</head>
<body>
</body>
</html>
基本标签
属性详细可自行查询!!
文本
展示文本内容 和 添加效果的功能
标题
<h></h>
共有 1 - 6号 大小的标题
段落
<p></p>
展示一行文本内容,自动换行
换行
<br/>
使文本换行
水平线
<hr/>
分割线
图片
图片
<img/>
展示图片
热点区域
<map></map>
热点地图,由于指定区域 跳转 或 呈现功能
列表
有序列表
<ol><\ol>
无序列表
<ul><\ul>
列表内容
<li><\li>
<ol>
<li>内容<\li>
<li>内容<\li>
<li>内容<\li>
<\ol>
描述
<dl><\dl>
定义描述
<dt><\dt>
标题
<dd><\dd>
描述
<dl>
<dt>标题</dt>
<dd>描述</dd>
<dd>描述</dd>
</dl>
容器
<div><\div>
容纳其他标签的标签
标签分类
html标签分为两种类型
块级元素: 独占一行、宽度100%、可容纳其他标签、可调方框宽高
行内元素: 和相邻行内元素在一行上、宽高限于内容范围、方框不可调
块级元素有:h
、 p
、 hr
、 ol-li
、 ul-li
、 dl-dt-dd
、 div
行内元素有:span
、 img
超链接
<a><\a>
实现页面 跳转 和 锚点跳转
链接跳转
属性href
指定链接值 进行跳转
锚点跳转
href
属性值 #
+跳转目地
跳转 ,前提需要 属性target
实现跳转方式
跳转 链接锚点 需要 链接+#锚点目的
跳转目的地 属性可以是 name
、id
<a href="http://www.baidu.com">百度一下</a>
<br/>
<a href="#C1" target ="_self">锚点跳转测试</a>
<div style="height: 4000px; border: 4px solid #B6DF48;"></div>
<a name="C1">目的地</a>
<a href="https://blog.csdn.net/weixin_45963193/article/details/115058351#t11">博客测试</a>
表格
<table><\table>
定义表格
<tr><\tr>
行数
<td><\td>
列数
属性说明
规则表格
<table border="1">
<tr>
<td>商品</td>
<td>说明</td>
<