html 超链接只读,HTML笔记

电玩女神 2022-10-07 12:48 218阅读 0赞

html

HTML

1、DOCTYPE

2、标签

3、元素

4、图片

5、超链接

6、表格

7、表单

8、H5新增语义化布局标签

9、语义化标签

10、视频和音频

11、四大通用属性

HTML

这里是\{html\}

1、DOCTYPE

文档类型声明

告诉浏览器按当前标准解析代码

2、标签

双标记 封闭类型标记

div,p,a,span

table,tr,td,th

ul,li

body,html,style

单标记 非封闭类型标记

link

img

input

meta

3、元素

块级元素和行内元素的区别：

1)块级元素独占一行，行内元素同一行显示

2)块级元素默认宽高为100%，行内元素是有内容撑开

3)块级元素可以设置宽高，行内元素设置宽高不生效

4)块级元素用magin和padding可以设置四周，行内元素只能设置左右

5)块级元素可以包含块级元素和行内元素，行内元素一般不包含块级元素

6)块级元素\{div,body,html,table,tr,td,ul,li,p,h1~h6\}

7)行内元素\{a,s,i,del,video,span,img\}

4、图片

![图片不能正常显示给予提示][Image 1]

5、超链接

6、表格

th>th>th>

tr>

thead>

td>td>td>

tr>

tbody>

td>td>td>

tr>

tfoot>

table>

7、表单

1)作用

提交数据，是页面具有交互性

2)标签

form>

get和post的区别：

①get不安全，提交的数据会在地址栏中显示；post安全

②get只能提交少量的数据，post理论上没有限制

3)表单元素

文本框；

密码框;

单选框；

多选框；

提交框；

重置框；

按钮；

提交button>

重置button>

没有功能的按钮button>

文件；

隐藏域；

图片提交按钮；

下拉列表；

option>

select>

多行文本框；

textarea>

这个按钮用于提升用户体验；

label>

4)表单元素的属性

name 名称

value 当前值

checked 默认被选中，配合单选按钮和多选按钮使用

selected 默认显示，配合option使用

readonly 只读

disabled 禁用

5)H5新增type类型

6)H5新增属性

placeholder="" 默认提示

autofocus 自动获取焦点

required 必填项

multiple 可以输入多个，用逗号隔开，配合邮箱和网址使用

min和max 最小值和最大值，配合数字和范围使用

minlength和maxlength 最小长度和最大长度

8、H5新增语义化布局标签

头部header>

导航nav>

侧边栏aside>

文章、帖子、博客等article>

章节section>

页脚footer>

9、语义化标签

看到标签知道其含义

优点：

1)有利于SEO

2)有利于开发与维护

3)有利于屏幕阅读者去读取

10、视频和音频

1)视频

您的浏览器不支持视频，请升级video>

2)音频

您的浏览器不支持音频，请升级audio>

autoplay;自动播放

loop;循环播放

controls;显示控制面板

muted;静音

poster;播放前显示一张图片

11、四大通用属性

除了br，其他元素都有的属性

title 鼠标悬停给予提示

style 行内样式

class 类选择器

id ID选择器

[Image 1]:

html 超链接只读,HTML笔记

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 html 超链接只读,HTML笔记

相关 HTML-03-超链接

相关 HTML超链接标签

相关 HTML——超链接

相关 HTML：建立超链接

相关 HTML之超链接

相关 HTML学习笔记9-HTML链接

相关 HTML超链接和路径

相关 html 超链接

相关 HTML超链接怎么做