HTML基础知识笔记摘要

HTML
互联网三大基石：
1.HTML：显示数据
2.HTTP：传输数据 http传输协议
3.URL：定位数据
协议：//ip地址或主机名：端口/网络中的内容...

HTML（hyper text makeup language）:超文本标记语言

什么是文本：记录文字本身又记录样式的文本叫文本
什么是纯文本：只记录文字本身，不记录样式的文本叫纯文本
什么是超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本

HTML的版本：HTML4 版本包括两个小版本 HTML4.01 和XHTML 1.0

HTML的本质：让文本具有语义的功能
h1标签是让文本具有一级标题的语义
p标签是让文本具有段落的语义

HTML语法：
1.html的注释不能嵌套
2.标签必须正确关闭
3.标签必须成对存在，单标签除外
4.标签不能随意嵌套
5.标签中可以有属性，属性出现在首标签的尖括号内且必须和首标签有一个空格字符
属性和属性之前必须有一个空格字符。
6.属性必须有值，且必须被引号引起来（在HTML中单引号和双引号是一个意思）
7.在HTML中标签使用小写字母，在XHTML中标签使用大写

在HTML中任何多个换行或是空格连在一起均解析为一个空格
所以在HTML中用一个&nbsp；来表示一个空格

在页面中输入一些特殊字符，应该使用字符实体
<表示小括号 &gt；表示大括号
<del>xx</del> delete中划线删除线
xx bold加粗
xx italic 斜体
 font 表示字体的意思 size表示字体的大小最大值为7
X2 表示X的平方 sup表示为一个上标
O2 表示为氧气 sub表示为一个下标
<pre> </pre> 如实显示

我们希望页面中显示一张图片的时候，用img标签（image）
src 表示图片的路径
alt 当图片显示不了时，用于提醒的文字
title 当鼠标悬停在图片时，显示的文字
width 设置图片的宽
height 设置图片的高

a标签表示邮件链接
设置href的值为"mailto：邮箱 "

a标签表示锚点
name属性表示锚点
访问锚点只需要在URL的后面添加#再加上锚点名

列表
ol （orderlist）有序列表
ul （unorderlist）无序列表
li （listitem）列表中的每一项

table标签表示表格
1.用于数据的显示
2.用于页面布局 08年age

属性: border：边框

tr标签表示一行
td标签表示一个单元格
colspan跨列
rowspan跨行

form标签用于搜集和提交用户的信息
action 表单提交的地址
method 表单提交的方式
get 默认值表单默认get方式提交
提交有缓存会将用户的数据放在URL上提交的数据有长度限制
post 表单使用post方式提交
提交无缓存会将数据放在请求实体中提交的数据理论上不会有长度的限制
enctype 表单中的数据如何编码
1.application/x-www-form-urlencdoed默认值将用户的数据以aaa = bbb& ccc = ddd进行编码
2.mulipart/form-data 多用于上传文件
3.text/plain 普通方式上传
name 表单的名字
id 表单的id 唯一标识
表单标签的字标签
input
type = text 单行文本框（域）
type = password 密码框
type = hidden 隐藏框
type = file 文件框
type = radio 单选按钮必须设定在name属性是相同的 name属性相同即为一组
type = checkbox 复选框必须设定 name属性是相同的 name属性相同的即为一组
type = sumbit 提交按钮用于提交表单
type = reset 重置按钮用于重置表单注意重置跟清空的区别
type = buttn 普通按钮用于js的调用
select 下拉列表框（multiple = multiple 该属性可以将下拉列表框改为多选多）
必须和<option>标签一起使用
textarea 多行文本框
button 普通按钮
type = submit默认值提交按钮用于提交表单
type = reset 重置按钮用于重置表单
type = button 普通按钮用于js的调用

posted @ 2019-05-10 20:27 番茄加蛋拌饭阅读(181) 评论(0) 编辑收藏举报

刷新页面返回顶部

HTML基础知识笔记摘要

公告