一、HTML
1. 什么是HTML
是超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) ，也称为骨架。是一种用来结构化 Web 网页及其内容的标记语言。
2. html5能干啥
所有人机交互的界面：网页 小程序 app 公众号 小游戏【打地鼠】…
3. 骨架
<!-- 文档声明 -->
<!DOCTYPE html>
<!-- 网站语言统一 -->
<html lang="en">
<!-- 网页头部用户看不到 -->
<head>
<!-- 统一国际编码 -->
<ment charset="utf-8">
<!-- 网页名字 -->
<title>网页名字</title>
</head>
<!-- 内容主体 -->
<body>
内容
</body>
</html>
4.常用标签
| 标签名 | 标签描述 |
|---|---|
| html | 根元素 |
| head | 头部 |
| meat | 元 |
| title | 网页名 |
| body | 内容 |
| br | 换行 （单标签） |
| p | 段落 |
| h1-h6 | 标题 |
| hr | 水平线 |
| div | 盒子（块元素） |
| span | 盒子（行内元素） |
| img | 图片（单标签） |
| video | 视频 |
| a | 超链接 |
| strong（b） | 加粗 |
| em（i） | 倾斜 |
| sub | 下标1 |
| sup | 上标1 |
| del（s） | |
| hr | 水平线 |
| color | 颜色 |
| width | 宽度 |
| height | 高度 |
5. 超链接
<a href="想要跳转的网址">点击的内容</a>
属性:
- target 控制新界面在那个地方打开
- _blank 在新的界面的中打开
- _self 在自身的界面中打开（默认）
<base target="_blank">同一设置打开方式，在 head 中设置
6. 特殊符号
| 代码 | 符号 |
|---|---|
| © | 版权符号 © |
| ® | 商标 ® |
| &ensp | 二分之一空格 |
|   | 空格符号 |
7. 图片标签与路径
<img src="图片路径地址" title="鼠标悬停显示" alt="图片丢失显示">
绝对路径：
- 相对于计算机而言：如计算机文件目录地址
- 相对于网络而言：如网络图片地址
相对路径：
- 同一级目录：（ ./ ）一般表示同一层
- 下级目录：（ / ）一般先找到上一层在找到文件
- 上级目录 （ . ./ ）跳出本目录向上一层找
二、列表
列表标签分别是：有序、无序、自定义列表
1. 有序列表
<!-- 有序标签，开头带字母 -->
<ol>
<li>我是有序列表标签的第1个内容</li>
<li>我是有序列表标签的第2个内容</li>
<li>我是有序列表标签的第3个内容</li>
</ol>
效果：
- 我是有序列表标签的第1个内容
- 我是有序列表标签的第2个内容
- 我是有序列表标签的第3个内容
2. 无序列表
<!-- 无序列表,开头带圆点 -->
<ul>
<li>我是无序列表标签的第1个内容</li>
<li>我是无序列表标签的第2个内容</li>
<li>我是无序列表标签的第3个内容</li>
<ul>
效果：
- 我是无序列表标签的第1个内容
- 我是无序列表标签的第2个内容
- 我是无序列表标签的第3个内容
3. 自定义列表
<dl>
<dt>自定义标题</dt>
<dd>自定义内容1</dd>
<dd>自定义内容2</dd>
<dd>自定义内容3</dd>
</dl>
效果：
-
自定义标题
- 自定义内容1
- 自定义内容2
- 自定义内容3
三、表单
大多用在：登录 注册 收集用户信息
1. 常用属性元素
| 标签 | 描述 |
|---|---|
| text | 文本框 |
| password | 密码框 |
| submit | 提交按钮 |
| reset | 重置按钮 |
| value 属性 | 初始值 |
| radio | 单标签 |
| checkbox | 复选框 |
| placeholder | 占位符 |
| button | 普通按钮 |
| image 带 src 路劲 | 图片按钮可用于提交 |
| file | 文件上传 |
| textarea | 文本域 |
| cols | 每行字节数（用于文本域） |
| rows | 显示行数（用于文本域） |
| action 属性 | 后台地址 |
| checkd | 默认选中（多用于单选和复选） |
| disabled | 禁用（只能看不能修改） |
| name | 取名（后台提交必须给名字） |
| select | 下拉菜单 |
| option | 下拉菜单列表 |
| selected | 下拉列表自动选中 |
3110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
