### 骨架 ```html Document 开始前端学习。 ``` VS code快捷键叹号！ !DOCTYPE html 文档声明 lang=”zh-CN“ 中文网站 charset="UTF-8" 字符编码采用UTF-8 ### 标题标签 ```html

一级标题

1到6级标题 文字加粗，独占一行 ``` ### 段落标签 ```html

段落

``` ### 换行标签 ```html
``` ### 文本格式化标签 ```html 加粗 加粗 加粗 倾斜 倾斜 倾斜 删除线 删除线 删除线 下划线 下划线 下划线 ``` ### 盒子标签 ```html
独占一行大盒子。
独占一行大盒子。
百度, 一行可以放多个 谷歌, 小盒子 阿里 ``` ### 图像标签 ```html 单标签 替换文本 ``` | 属性 | 属性值 | 说明 | | ------ | -------- | ---------------------------------- | | src | 图片路径 | 必须属性 | | alt | 文本 | 图片不存在替换文本 | | title | 文本 | 提示文本，鼠标放到图片上显示的文字 | | width | 像素 | 设置图像的宽度 | | height | 像素 | 设置图像的高度 | | border | 像素 | 设置图像的边框粗细 | ### 超链接标签 ```html

外部链接

腾讯 原页面 腾讯 新页面

内部链接

跳到2页面

空连接

待定

下载链接

下载

网页元素

文本，图片，表格，音频，视频

本页面的锚点链接，快速定位到页面某一位置

第二段

adsdsdsdsdsdsdsdsdsds 返回

``` ### 注释标签 ```html ``` ### 特殊字符 | 字符代码 | 字符描述 | | -------- | -------- | | \  | 空格符 | | \< | <小于号 | | \> | >大于号 | | \© | © | ### 表格标签 ```html 基本语法
表头
``` 表格属性，一般通过CSS设置。 | 属性 | 属性值 | 描述 | | ----------- | ------------------- | ------------------------------------- | | align | left、center、right | 表格相对于周围元素的对齐方式 | | border | 1或”“ | 单元格边框，默认为”“，无边框 | | cellpadding | 像素值 | 规定单元格边沿和内容之间的空白，默认1 | | cellspacing | 像素值 | 规定单元格之间的空白，默认2 | | width | 像素值或百分比 | 规定表格宽度 | 表格结构标签 ```html 表格头部 表格主体 ``` 合并单元格 ```html 步骤 1、确定跨行还是跨列 跨行合并：rowspan="合并单元格的个数" 跨列合并：colspan="合并单元格的个数" 2、找目标单元格：跨行写最上侧，跨列写最左侧 3、删除多余的单元格 ``` ### 列表标签 无序列表（普遍使用） ```html ul只嵌套li，li是一个容器。 ``` 有序列表 ```html
  1. 第一项
  2. 第二项
  3. 第三项
    4. ...
ol只嵌套li，li是一个容器。 ``` 自定义列表 ```html 一个大列表带着多个小列表
名词
名词
名词
...
``` ### 表单标签 表单可以收集用户信息，给后台数据库。 一个完整的表单由表单域、表单控件（表单元素）和提示信息3各部分组成。 ```html 表单域
各种表单元素控件。
``` | 属性 | 属性值 | 作用 | | ------ | -------- | ---------------------------- | | action | url地址 | 后台服务器接收表单地址 | | method | get/post | 设置表单数据提交方式 | | name | 名称 | 指定表单名称，区分不同的表单 | 表单控件 - input 输入表单元素 - select 下拉选择表单元素 - textarea 文本域表单元素 #### input ```html 单标签 type name 自定义名称 value 规定input元素的默认值，后台使用 checked="checked" 默认选定 maxlength="6"(正整数，最多输入6个字符) ``` | type属性值 | 描述 | | ---------- | -------------------------- | | text | 文本 | | password | 密码框 | | radio | 单选按钮，要有相同的name | | checkbox | 复选框按钮，要有相同的name | | submit | 提交按钮 | | reset | 重置按钮，重置为value值 | | button | 普通按钮，不会提交数据 | | file | 上传文件 | ```html Document

密码:
性别:
爱好: 吃饭 睡觉 看电影



上传图片:
``` label标签 绑定一个表单元素，点击选中，增加用户体验。 ```html ``` #### select 下拉表单元素 ```html 在option中定义默认选中选项selected="selected" ``` #### textarea 多行文本输入文字，留言板等。 ```html ``` ### 查阅文档 - 百度 - W3C - [MDN](https://developer.mozilla.org/zh-CN)