一、html简介
1、html是什么
html是用来描述网页的一种语言
- HTML指的是超文本标记语言(Hyper Text Markup Language)
- HTML不是一种编程语言,而是一种标记语言 ,标记语言是一 套标记标签(markup tag)
- HTML使用标记标签来描述网页
超文本 标记 语言
语言:
人与计算机交互的工具
超文本:
- 普通文本不能实现的,超文本可以实现,能实现普通文本不能实现的功能
- 包括超链接的文本
标记
就是标签,不同的标签能实现不同的功能
2、HTML能做什么
HTML通过标签的形式将信息展示给用户
3、HTML书写规范
(1)html结构
<html>
<head>
包括资讯信息:整个页面的属性、指导浏览器解析的标签、引入外部文件的标签
</head>
<body>
我们需要的信息
<body>
(2)html标签是以尖括号包裹关键字成对出现的,有开始标签和结束标签,支持正确的嵌套
(3)大部分标签有属性 格式 :属性=“ 属性值” (多个属性之间用空格隔开)
(4)空标签:功能比较单一,例如<br></br> ====<br/>
(5)html不区分大小写,建议使用小写
(6)<!--注释的内容-->
四 常用标签
行标签包含:包含a、span、strong、img
块标签: 包含P、div 、ul、 ol、 li、dl、dt、 dd、h1~h6
快标签:独自占领一行、可以进行宽高的数值设定
行标签:在一行内显示、不可以进行宽高的数值设定
嵌套规则
块标签可以套行标签,行标签不可以套块标签
p标签不要套块属性标签,可以套a,span,文本。。
嵌套的时候注意代码的缩进
1.标题 h1~h6
2.水平线 hr
3.段落 p
4.换行
5.列表
有序 ol li
无序 ul li
项目 dl dt dd
6.字体相关 font
sub下标 sup上标
7.超链接 a
8.图像 img
9.斜体 i
10.表格 table
1.<caption> 表的标题 2.<th>表的字段 3.<tr>表的行 4.<td>表的单元格 5.colspan单元格占几列
6.rowspan 单元格占几行 7.border:边框
11.表单 form
1.form 变签属性
name:表单名称
action:提交的路劲地址
method:提交方式
2.input标签<input type=" "/>
type属性:根据type属性实现各种不同功能的表单项
text:普通文本的输入框
name :username value="张三" 《张三是默认值》
password:密码输入框:特点是显示的是掩码
placeholder:内置文字
radio:单选按钮
name:如果想让一组单选按钮互斥,就用指定同一name属性值,需要加value属性值
checked :默认被选中
checkbox: 复选框
name:组的概念,需要加value的属性值
checked:默认被选中
file:上传文件的控件
button:普通按钮,没有任何内置功能
submit:内置功能,点击会按照action地址提交
reset:重置,点击会清空之前填写的内容
image:图片按钮,功能类似于submit
src:加载图片
alt:图片的提示文字
hidden:隐藏表单,作用是在提交数据的时候,服务器需要这个数据,但是不需要用户看到
注意name属性必须写
3.select标签:下拉菜单
option标签:可选项
属性:
value:表单项的值
selected:默认被选中
4.textarea:文本或标签
属性:
cols:列数
rows:行数
注意:默认的文本值在标签体中
11.表单分组 fieldset legend
12.字符实体
空格
< 小于号
>;大于号
" ; 引号
©; 版权
®; 注册商标