HTML
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
工具WebStorm IDE
HTML文档的后缀名 .html 或 .htm(过去使用)
HTML 参考手册- (HTML5 标准)
基本概念
元素: 标签加内容
块级元素:块级大多为结构性标记
行内元素:行内大多为描述性标记
块级元素
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时,默认为100%
4.块级元素中可以包含块级元素和行内元素
行内元素
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度,不可以改变
4.行内元素只能行内元素,不能包含块级元素
HTML 属性
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,属性名=‘属性值’
比如:name=“value” 也可用单引号’ '。
属性前面要添加空格 ???
链接
HTML 标签
标签分类:
单标签:自闭合标签
双标签:闭合标签
标签的作用
标签的属性
标签属性的不同值
特点
功能分类
基础
当前文档是html类型
h* h1~h6 标题标签
块级元素
根据权重的不同,字体大小会依次减小
特点:字体大小 加粗
唱跳rap
唱跳rap
唱跳rap
align 块级元素中内容的对其方式
left 左对齐 right右对齐 center居中
左对齐
右对齐
居中
p 段落标签
正常显示
块级元素
定义注释
格式
表单
form 表单标签
属性:
action 表单数据提交的位置
name 表单名字
method 提交方式 get|post
表单提交中get和post方式的区别有5点
1.get是从服务器上获取数据,post是向服务器传送数据。
2.get是把参数数据
队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一 一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各
个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的 URL地址。用户看不到这个过程。
3.对于get方式,服务器端用Request.QueryString获取变量的值,对于post 方式,服务器端用Request.Form获取提交的数据。
4.get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被 默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。
5.get安全性非常低,post安全性较高。
enctype 如果表单中有文件上传multipart/form-data
encodetype 编码类型
表单中enctype="multipart/form-data"的意思,是设置表单的MIME编码。默认情况,这个编码格式是application/x-www-form-urlencoded(只能上传文本格式的文件),不能用于文件上传;只有使用了multipart/form-data,才能完整的传递文件数据,进行下面的操作.
enctype:规定了form表单在发送到服务器时候编码方式,有如下的三个值。
1、application/x-www-form-urlencoded。默认的编码方式。但是在用文本的传输和MP3等大型文件的时候,使用这种编码就显得 效率低下。
2、multipart/form-data 。 指定传输数据为二进制类型,比如图片、mp3、文件。
3、text/plain。纯文体的传输。空格转换为 “+” 加号,但不对特殊字符编码
Audio/Video
链接
a 超链接标签
href 链接路径
绝对路径:https://www.baidu.com
相对路径:相对项目
title悬停提示 :鼠标悬停在上面时的提示
target 打开方式|位置 默认_self
详细解释
_self 这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 标签中的 target 属性一起使用。
_blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。
_top 这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
_parent这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
注意:不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。
特点:
未访问:蓝色
已访问:紫色
自带下划线
行内元素
a 锚点|锚链接
1)先在页面的某个位置定点 标签上id值
2)a标签的href值= #+定点的id值 点击a标签跳转到定点所在位置 补充代码
列表
ul 无序列表
type 修改列表项标记
desc 实心圆点
circle 空心圆圈
square 实心方块
li 列表项
- qwer
- asdf
- zxcv
- uiop
ol 有序列表
type 修改列表项标记
排序方式 a A i I 1 示例: type=“i”
ul 和 ol 直接子元素只能是li标签, li 可以嵌套任意标签
- 或 type = a
表格
table 定义表格
tr 行
td 表格体单元格
th 表格头单元格 加粗居中
属性:
border 变框
bordercolor 变框颜色
align 对其方式
width 宽度
height 高度
cellspadding 单元格内边距
cellspacing 单元格外边距
bgcolor 背景颜色
style="border-collapse: collapse" 双线变单线
rowspan 跨行
colspan 跨列
样式
样式/节
div 块
块元素
正常显示
元信息
定义关于 HTML 文档的元信息。 编码格式|默认字符集 不写则默认gbk 默认字符集与右下角一致则不会乱码程序
快捷方法
ALT 选择统一修改
tr*行数>td{$$$$}*列数> + Tab键 --> 快速建表