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中用一个 来表示一个空格

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

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

<embed></embed> <video></video> <audio></dudio>
a标签表示超链接标签
href 表示要跳转的URL
target
1:_self 默认值 在本窗口打开
2:_blank 新建页面打开
3._parent
4._top
5.自定义值

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的调用

原文地址:https://www.cnblogs.com/hq1997/p/10846586.html