html 复习

一、html的一些注意事项

1、标签不能交叉嵌套
2、注释不能嵌套
3、标签必须正确关闭
4、html语法不严谨,有时候标签不闭合,属性值不带“”也不会报错。

二、字符实体
1、在网页上显示的一些特殊符号,称为字符实体(也叫实体符号)。

常用的特殊字符:

< : &lt; 
> : &gt;
空格: &nbsp;

三、常见标签

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表示列数

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值