一、html的一些注意事项
1、标签不能交叉嵌套
2、注释不能嵌套
3、标签必须正确关闭
4、html语法不严谨,有时候标签不闭合,属性值不带“”也不会报错。
二、字符实体
1、在网页上显示的一些特殊符号,称为字符实体(也叫实体符号)。
常用的特殊字符:
< : <
> : >
空格:
三、常见标签
1、font 字体标签
font 标签是字体标签,它可以用来修改文本的字体,颜色,大小(尺寸)
(1)color 属性修改颜色
(2)face 属性修改字体
(3)size 属性修改文本大小
<font color="blue" face="微软雅黑" size="40px">一些字SomeLetter<font/>
2、h1~h6 标题标签
h1 - h6 都是标题标签h1 : 最大h6 : 最小
(1)align: 属性是对齐属性 :left: 左对齐(默认) center :居中right : 右对齐
<h1 align="center">标题居中</h1> <h2 align="right">标题右对齐</h2>
3、a 超链接标签
a是超链接标签是指从一个网页指向另一个目标的链接关系,可以是网页上的不同位置,也可以是图片、邮箱地址、文件、应用程序。
(1)href 属性设置连接的地址
(2)target 属性设置哪个目标进行跳转 :_self : 表示当前页面(默认值), 即使用当前替换目标页 _blank : 表示打开新页面来进行跳转
<a target="_blank"href="www.**.com">新页面Open网页</a>
4、ul / li 无序列表
ul表示无序列表
li表示列表项
ul>(1) type 设置列项符号的类型,其值有三种<1>circle列项符号为空心圆<2>disc列项目符号为实心圆<3>square列项目符号为空心正方形
<ul type="circle"><li>无序哈哈</li><li>确实无需</li></ul>
5、ol / li 有序列表
<ol type="属性值" start="起始值"><li>有序列表</li>
(1)type设置列数目类型 1表示阿拉伯数字,a(A)小(大)写字母,i(I)小(大)罗马数字
6、img 图像标签
img: 标签是图片标签,用来显示图片
(1)src: 属性可以设置图片的路径
(2)width: 属性设置图片的宽度
(3)height: 属性设置图片的高度
(4)border: 属性设置图片边框大小
(5)alt: 属性设置当指定路径找不到图片时,用来代替显示的文本内容 相对路径:从工程名开始算
绝对路径:盘符:/目录/文件名
7、table / th / tr / td 表格
{1}table表示表格标签,th表示表格标题,tr表示行标签,td表示列标签
{2}table属性 (1)border 设置表格边框 (2)bordercolor: 设置表格边框颜色(3)cellspacing:设置单元格间距
{3}table、th、tr、td属性:(1)width设置表格宽度 (2)align:设置表格对齐
{4}th、tr、td属性(1)rowspan=“n行数” 跨行(跨n行) (2)colspan=“n列数” 跨列(跨n列)
8、form / input / select / textarea 表单
<form action="url" method="*"></form>
“url(uniform resource local) 表示定位一个web资源路径。*号一般可以是post或者是get”。
(1)action 表示要提交到那个页面
(2)method 表示提交的方式,常用post或get(默认)
input属性
(1) input type=text 输入框,value=“xxx” 表示默认显示内容
(2) input type=password 密码框 value=“xxx” 表示默认显示内容
(3) input type=submit 提交按钮 ,value 属性修改按钮上的文本
(4) input type=reset 重置按钮 ,value 属性修改按钮上的文本
(5) input type=radio 是单选框,name=“xxx” 属性可以对其进行分组,value=“xxx” 表示提交数据的值,checked="checked"表示默认选中。
(6) input type=checkbox 是复选框,name=“xxx” 属性可以对其进行分组,value=“xxx” 表示提交数据的值, checked="checked"表示默认选中
(7) input type=file 是文件上传域
(8) input type=hidden 是隐藏域
select / option 下拉列表框
select标签是下拉列表框 ,option 标签是下拉列表框中的选项
(1)select 属性 name=“xxx” 属性可以对其进行分组
(2)option属性 value="xxx"表示提交数据的值,selected="selected"设置默认选中
textarea 文本域
(1)textarea属性 rows表示行数,cols表示列数