HTML5基础
简介
Hyper Text Markup Language 超文本标记语言;用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
菜鸟教程: https://www.runoob.com/html/html-tutorial.html
常用概念
- html文档后缀名 .html 或者 .htm
- 标签种类
- 围堵标签：有开始标签和结束标签。如
<html> </html> - 自闭和标签：开始标签和结束标签在一起。如
<br/>
- 围堵标签：有开始标签和结束标签。如
- 注释:
<!-- 注释内容 -->
常用标签
<h6>：标题标签，h1~h6:字体大小逐渐递减；<p>： 段落标签；<br>：换行标签；<hr>：展示一条水平线；- 属性
- color： 颜色
- width： 宽度
- size： 高度
- align： 对其方式
- center： 居中
- left： 左对齐
- right： 右对齐
- 属性
<b>：字体加粗；<i>：字体斜体；<font>：字体标签；<img>：图片标签；- 属性
- src：指定图片的位置
- align: 对齐方式
- alt： 占位
- width：宽度
- height：高度
- 属性
<a>：定义一个超链接；- 属性
- href：指定访问资源的URL(统一资源定位符)
- target：指定打开资源的方式
- _self:默认值，在当前页面打开
- _blank：在空白页面打开
- 属性
<div>：每一个div占满一整行,块级标签；<span>：文本信息在一行展示，行内标签 内联标签；<header>：页眉；<footer>：页脚；<table>：定义表格；width：宽度border：边框cellpadding：定义内容和单元格的距离cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条bgcolor：背景色align：对齐方式
<tr>：定义行；bgcolor：背景色align：对齐方式
<td>：定义单元格；colspan：合并列rowspan：合并行
<th>：定义表头单元格；<caption>：表格标题；<thead>：表示表格的头部分；<tbody>：表示表格的体部分；<tfoot>：表示表格的脚部分；<header>：页眉；<header>：页眉；<form>：表单标签；- 属性
- action：指定提交数据的URL
- method：指定提交方式
- get:参数会在地址栏中显示
- post：参数不会再地址栏中显示
- 属性
<input>：表单项标签；- 属性
- type：指定提交数据的URL
- text:文本输入框，默认值
- placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
- password:密码输入框
- radio：单选框
- checkbox：复选框
- file:文件选择框
- hidden：隐藏域，用于提交一些信息
- submit：提交按钮。可以提交表单
- submit：button
- image：图片提交按钮 src属性指定图片的路径
- type：指定提交数据的URL
- 属性
<label>：指定输入项的文字描述信息；<select>：下拉列表；<option>: 子元素,指定列表项；
<textarea>：文本域；- 属性
- cols：指定列数，每一行有多少个字符
- rows:默认多少行
- 属性
特殊字符对照表
Gitee地址
HTML案例：https://gitee.com/zhuayng/FontEndBasis/blob/develop/HtmlBasis/new_file.html
表单案列: https://gitee.com/zhuayng/FontEndBasis/blob/develop/HtmlBasis/form_demo.html
XFS
