html语法中表格命令具备哪些属性,html语法介绍标签及有关属
性列表表格表单...
1.HTML简介
HTML是⽤来做⽹页
HTML:Herp Text MarkUp Language 超⽂本标记语⾔
超⽂本:超:超链接 包含超链接的⽂本
标记语⾔:
标记:标签
语⾔:制作⽹页的语⾔
⼀个⽹页是由多个标签组成的
html href属性2.语法介绍
html是由浏览器来解析,所以不需要安装任何编译环境
Html⽂档的基本结构:
声明⽂档
是⽹页当中最⼤的标签,所有内容都要写在此标签内
head头 主要⽤于书写⽹页的设置 ⼀般写不直接显⽰给⽤的内容
包含的内容:
字符编码的设置
⽹页的标题
引⼊外部的css⽂件
引⼊外部的JavaScript ⽂件
Body: body体,⽹页的⾝体部分 ⽹页中只要是显⽰给⽤户的内容,都要写在此标签
head和body 都是html的⼦标签
Html标签写法分类:
双标签:标签名> / 内容结束标签>
单标签: ⼀般写成
Html标签的属性:
⼀般是键值对 key=”value”
属性的值必须使⽤双引号引起来
** 注意:**
Html不会报错 所以注意双标签不要忘了闭合
Html标签不区分⼤⼩写 规范要求都是⽤⼩写
1.h1-h6 标题标签
双标签 有默认样式 字体变粗 变⼤ 变⿊ 会⾃动换⾏
br 单标签 强制换⾏
在html中 普通⽂本添加换⾏ 或者空格 在页⾯中只解析成⼀个空⽩符⼀般⼀个页⾯中h1只使⽤⼀次 h2-h6可以重复使⽤
⼀级标题
⼆级标题
三级标题
四级标题
五级标题
六级标题
2.p 段落标签
双标签 有默认的样式 会⾃动换⾏
3.常见的实体字符 转义字符:
空格
> ⼤于号
< ⼩于号
© 版权标志,©标志
4.i 标签 b标签 em 标签 strong标签 u标签
i标签 单纯的字体斜体
em 也是斜体 只不过具有强调意义 表⽰强调 给搜索引擎使⽤
b 加粗
strong 加粗 具有强调意义
u 下划线
以上都是双标签
5.br hr
都是单标签
br 强制换⾏
br 单标签 强制换⾏
在html中 普通⽂本添加换⾏ 或者空格 在页⾯中只解析成⼀个空⽩符hr ⽔平线
6.img 图⽚标签
单标签
src 图⽚的地址
title 标题 当⿏标移⼊时 给出的提⽰
alt 当图⽚加载失败时的替代内容
可以使⽤⽹络图⽚或者本地的图⽚
使⽤的是本地的图⽚资源
相对路:相对于当前⽂件来去查指定的资源
./ 代表当前路径
../ 代表上⼀级路径
windows下根⽬录 根⽬录⼀般是 盘符:
注意加载图⽚时盘符前⾯加/
Linux下的根⽬录⽤/ 来表⽰
绝对路径: 不考虑当前⽂件的位置,从根⽬录去查指定的资源推荐使⽤相对路径
7.列表标签
⽆序列表
ul: 声明⼀个⽆序列表
li: 列表项
type: 默认disc 圆
square ⽅块
circle 空⼼圆
例如
列表项前⾯为空⼼圆
ul中的直接⼦元素必须是li
有序列表
ol:声明⼀个有序列表
li: 列表项
type:
1 代表数字 默认就是数字
a 代表⼩写字母
A 代表⼤写字母
i ⼩写的罗马数字
I ⼤写的罗马数字
start: 指定以第⼏个开始 只能写数字
⼩写字母第⼆个b开始
⾃定义列表
dl:声明⼀个⾃定义列表
dt:列表的标题
dd:列表描述项
8.a 标签超链接
超连接a 双标签
页⾯跳转
href: 跳转的地址
如果不给值 跳转当前页⾯
target:_blank 新打开⼀个窗⼝加载跳转后的页⾯
例⼦:新打开⼀个窗⼝跳转百度
点我跳转百度
锚点 :跳转到当前页⾯的指定位置
给指定标签添加id属性
a标签的href属性的值为#指定元素id属性的值
跳转到 本地html⽂件的指定位置
例⼦:
跳转到五楼
五楼
a标签的href属性的值为指定页⾯中标签的id的值
9.表格标签
其中有关标签和属性介绍:
table: 声明⼀个表格
border: 边框
cellspacing: 设置表格和表格之间的间距
cellpadding: 设置表格中内容距离当前表格边框之间的间距tr: 声明⼀个⾏
td/th: 声明⼀个列
⽔平对齐⽅式:align **
align:默认靠左对其 left
center 居中
right 靠右对齐
如果给td/th 设置当前⼀列
valign: 默认垂直居中 **
top:靠上对其
bottom:靠下对其
单元格合并: **
跨⾏合并
rowspan: 设置当前列 占⼏个⾏的⾼度
跨列合并
colspan: 设置当前列占 ⼏个列的宽度
10.form :声明⼀个表单域
**表单有关属性:**
action:提交地址 如果不写,提交到当前页⾯
method: 指定提交数据的⽅式
get: 默认是get提交
将数据明⽂显⽰在地址栏 相对不太安全
数据⼤⼩受浏览器限制
post:
不会将数据明⽂显⽰在地址栏 相对安全
理论上数据⼤⼩不受限制表单的数据是要提交给后台,提交数据的格式⼀般是键值对Uname=⽤户在⽤户名框输⼊的内容 所以表单控件除了按钮都要加name属性
表单控件的属性:
name: 必须添加 座位提交数据的key
value: 代表值
type: 指定你的控件类型
text 普通⽂本输⼊框
password 密码输⼊框
radio 单选框 默认选择加checked
同⼀组单选框的name属性的值必须相同
必须设置默认值 value属性
checkbox: 多选框 默认选择加checked
同⼀组多选框的name属性的值必须相同
必须设置默认值 value属性
select>option: 下拉选框 option 选项 默认选择加selected
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论