共计 2523 个字符，预计需要花费 7 分钟才能阅读完成。
基于肯定根底上的坚固及深刻学习 —DAY-1 HTML
一． HTML 是一种超文本标记语言（由各种标签组成）
二． 罕用浏览器（读取网页内容）：
IE，火狐，谷歌，Edgo，Safai，Opera
三． Web 规范（W3C）
包含构造，体现和行为
规范
构造 构造用于对网页元素进行整顿和分类（HTML）体现 体现用于设置网页元素的版式，色彩，大小等外观款式（CSS）行为 行为是指网页模型的定义及交互的编写（JS）四． 语法标准
- 标签
1.1 双标签
<html>
<head></head>
<body></body>
</html>1.2 单标签
<br/>
-
标签关系
2.1 蕴含关系（父子）2.2 并列关系（兄弟）
五． 根本构造
<!DOCTYPE html>// 文档申明类型
<html lang="en">// 定义以后文档显示语言(en 英文网站，zh-CN 中文网站)
<head>
<meta charset="UTF-8">// 规定 html 所应用的字符编码
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>六． HTML 罕用标签
- 题目标签
<h1>-<h6>// 共六级，每个题目独占一行
<h1> 一级题目 </h1>-
段落和换行标签
<p></p> - 文本格式化标签
Strong/b，em/i，del/s（删除线），ins/u（下划线） -
盒子标签
<div> 独占一行 <span> 一行能够放多个 -
图像标签
5.1 图片标签
<img src =“图像 url”> 单标签
属性：src 图片门路 title 鼠标放到图像上显示的文本 alt 替换文本（当图片不能失常显示时）width 宽（px）height 高（px）border 边框粗细（px）能够有多个属性，不分先后，属性与属性之间用空格隔开
5.2 门路标签
5.2.1 相对路径
以援用文件所在位置为参考，建设的目录门路
例如：<img src =“baidu.gif”>
下一级：/ 上一级：../
5.2.2 绝对路径
目录下的相对地位，通常从盘符开始
例：D:\git\2021\rendc\day16\1- 一元运算符.js - 超链接标签
6.1 a 标签
<a href="tiaozhuan" target = "指标窗口的弹出形式" > 文本或图像 </a>属性：
herf：链接 url
target：url 打开方式。_self 默认值，_blank 在新窗口关上6.2 链接
内部链接：http://www.baidu.com
外部链接：day1.html（同级）空链接：#
下载链接：.exe/.zip网页元素链接：将超文本内容作为链接
锚点链接：疾速定位到页面地位
<a href="#two"> 文本或图像 </a>
<h3 id="two"> 文本或图像 </h3>-
正文标签
html：<!—这是一个正文 --> CSS：/* 这是一行正文 */ JS: // 这是一行正文 -
特殊字符标签
罕用：  空格 < > 大于号 > < 小于号 -
表格标签
9.1 表格作用显示，展现数据9.2 根本语法
9.2.1 标签<table> 定义表格的标签 </table> <tr> 定义表格中的行，必须在 table 里 </tr> <td> 定义表格中单元格，必须在 tr 中 </td> <th> 表头 table head，文字会加粗居中 </th>表格可分为 <thead><tbody><tfoot> 三个区域
例：
<thead>
<tr>
<th> 编号 </th>
<th> 姓名 </th>
<th> 性别 </th>
<th> 生日 </th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>tom</td>
<td> 男 </td>
<td>2021-03-01</td>
</tr>
<tr>
<td>jacky</td>
<td> 男 </td>
<td>2021-03-01</td>
</tr>
<tr>
<td colspan="2">vicky</td>
<td> 女 </td>
<td>2021-03-01</td>
</tr>
</tbody>
<tfoot></tfoot>9.2.2 表格属性（不罕用，后用 CSS）
align value=left,center,right 对齐形式
border 是否有边框，默认无
cellpadding 规定单元边际与内容间的空白，默认 1
cellspacing 规定单元格间的空白，默认 2
width 表格宽度9.2.3 合并单元格
跨行合并：rowspan=“合并个数”，写到上侧
跨列合并：colspan=“合并个数”，写到左侧- 列表标签
用于布局，整齐有序
10.1 无序列表
并列，ul 只能嵌套 li，li 中能够嵌套所有元素
<ul>
<li>1</li>
<li>2</li>
</ul>10.2 有序列表
依照肯定顺序排列
<ol>
<li>1</li>
<li>2</li>
</ol>10.3 自定义列表
用于对术语或名词进行解释和形容，没有任何符号
<dl>
<dt> 关注咱们 </dt>
<dd> 新浪微博 </dd>
<dd> 官网微信 </dd>
</dl>-
表单标签
用于收集用户标签
由表单域，表单控件和表单信息形成
11.1 表单域
蕴含表单元素的区域
<form> 将表单元素信息提供给服务器 </form>
属性：action 指定接管并解决表单数据的服务器程序的 url 地址 method 设置表单数据的提交形式，取值 get，post name 指定表单名称，辨别一个页面中多个表单域<input type=“text”> 表单元素，单标签
单选框：radio 复选框：checkbox 提交按钮：submit 重置按钮：reset 按钮：button 文件上传 file
name：定义 input 元素名称，单选按钮、复选按钮应领有雷同名称
value：规定 input 元素的值
checked：规定 input 元素首次加载中默认选中
maxlength：规定最大字段中字符最大长度<lable> 标签用于绑定一个表单元素，点击 label 标签内的文本时，浏览器就主动将焦点抉择绝对应的元素上，减少用户体验。