一、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.换行 br
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.字符实体
空格
< 小于号
>；大于号
" ; 引号
©； 版权
®； 注册商标
3203
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
