2019.4.2 HTML相关
HTML页面的基本结构
html标签
页面的设置和文件的导入(页面标题) 要显示在页面上的标签标签
-
h1---h6:一到六级标题
-
hr:分割线
-
br:换行
-
p:段落
-
em:斜体
-
strong:加粗
-
a 超链接
- href 加链接
- target="_blank"新开页面打开前面链接
-
img 图片
- title 鼠标悬停时提示的文字
- src 图片地址
- alt 图片加载失败时显示的文字
-
div 块标签 在实际开发中 一个页面99%都可以是div
-
table 表格 border 边框
- tr 表格的行
- td 表格的列
- th 加表头
- bgcolor 背景颜色
-
Emmet语法
- 可以提升html的书写速度
- 1.标签名+tab—— 自动补全
- 2.table>(tr>th4)+tr5>td*4 —— 表格自动生成
- 可以提升html的书写速度
-
input type = "text" 文本输入框
- type
- name
- id
- value(记住密码时直接填写那种)
- placeholder
-
input type = "password" 密码输入框
-
input type = "submit" 提交按钮
-
input type = 'reset" 重置
-
input type = "radio" 单选框
- name="gender"只能选一
- value = "xx" 返回值
- checked 默认选择
-
input type = "date"选择时间
-
input type = "file" 选择文件
-
textarea 大段文本
-
label 扩大响应范围 与input绑定 两种方式
- 给一个id然后绑定前面汉字
- 全部包起来
-
select 下拉框
- option 选项
-
form表单
- action 请求地址
-
ul li 无序列表
- style="list-style:none" 消除前面的点
-
ol 有序列表
- type 选择数字类型(罗马字/阿拉伯数字等)
- start 序号从几开始