共计 1603 个字符,预计需要花费 5 分钟才能阅读完成。
1. HTML 结构标签
标题
2.特点
- HTML 标签不区分大小写
- HTML 标签属性值单双引号都可以
- HTML 语法松散
3.标题标签
- 标签:
…
(h1 o h6 重要程度依次降低)
- 注意:HTML 标签都是预定义好的,不能自己随意定义。
4.水平线标签
5.图片标签
- 绝对路径: 绝对磁盘路径(D:/xxx×)、绝对网络路径 (https: / /xxxx)
- 相对路径: 从当前文件开始查找。(/︰当前目录,../ : 上级目录)
6.CSS 引入方式
- 行内样式:
- 内嵌样式:
- 外联样式:xxx. CSS
7.颜色表示
- 关键字:red.green . . ﹒
- rgb 表示法:rgb(255,e,e).rgb(134,1ee,89)
- 十六进制: #ff000e、#cccccc、#ccc
8.颜色属性
color: 设置文本内容的颜色
9. 标签
- 是一个在开发网页时大量会用到的没有语义的布局标签
- 特点: 一行可以显示多个 (组合行内元素),宽度和高度默认由内容撑开
10.CSS 选择器
- 元素选择器: 标签名 {…}
- id 选择器:#id 属性值 {…}
- 类选择器:.class 属性值 {…}
- 优先级:id 选择器〉类选择器〉元素选择器
11. CSS 属性
- color: 设置文本的颜色
- font-size: 字体大小(注意: 记得加 px)
12.超链接
标签: 属性:
- href: 指定资源访问的 url
- target: 指定在何处打开资源链接_self: 默认值,在当前页面打开_blank: 在空白页面打开
13.CSS 属性
text-decoration: 规定添加到文本的修饰,none 表示定义标准的文本。
color: 定义文本的颜色
14.音频、视频标签
15.换行、段落标签
换行:
; 段落:
16.文本加粗标签
17.CSS 样式
line-height: 设置行高
text-indent: 定义第一个行内容的缩进
text-align: 规定元素中的文本的水平对齐方式 5.注意
在 HTML 中无论输入多少个空格,只会显示一个。可以使用空格占位符:
18. CSS 盒子模型
组成: 内容 (content)、内边距 (padding)、边框 (border)、外边距 (margin)
19.CSS 属性
width: 设置宽度 height: 设置高度
border: 设置边框的属性,如:1px solid #000;padding: 内边距
margin: 外边距
注意: 如果只需要设置某一个方位的边框、内边距、外边距,可以在属性名后加上 - 位置,如: padding-top.padding-left、padding-right …
20.表格标签
-
: 定义表格
: 定义表格中的行,一个 l 表示一行 : 表示表头单元格,具有加粗居中效果 : 表示普通单元格 21.表单标签
- 表单标签:
- action: 表单数据提交的 url 地址 method: 表单提交方式
- get: 表单数据拼接在 url 后面,?username=java , 大小有限制
- post: 表单数据在请求体中携带,大小没有限制
注意: 表单项必须有 name 属性才可以提交。
22. 表单项
type 取值 描述 text 默认值,定义单行的输入字段 password 定义密码字段 radio 定义单选按钮 checkbox 定义复选框 file 定义文件上传按钮 date/time/datetime-local 定义日期 / 时间 / 日期时间 number 定义数字输入框 email 定义邮件输入框 hidden 定义隐藏域 submit / reset / button 定义提交按钮 / 重置按钮 / 可点击按钮 HTML- 表单项标签
原文地址: HTML 快速入门
正文完