html入门

html入门

���尖括号表示标记语言,标题:p回车(1-6级).段落标签p回车.换行标签br(单标签).水平分割线hr(单标签)���

html入门

���多媒体标签.

1图片标签html入门既img回车其中src(图片路径注./是当前路径…/向当前路径回车两级而/是Linux的根目录相当于window的盘符cdef盘之类的)和alt(替换文本图片不显示才生效文字)title(鼠标悬停时的提示文本)width和height均为图片属性值是单标签.

html入门

2.音频标签controls>

html入门

3.视频标签 controls>���

html入门

4.链接标签a回车,href=“#”代表空链接,里面是地址外面是提示语

html入门

target属性

html入门

���vscode快捷键

!回车:自动生成html骨架���

右键选择运行在默认浏览器���

尖括号里面的内容写一个然后回车自动形成标签组���

选中内容Ctrl+d:修改全部与选中内容相同的内容���

Ctrl+z:自动换行

���列表标签

1.无序列表:先按ul回车里边再按li回车,无序列表的每行每一个都要用一个li回车li中间写排序内容

html入门

2.有序列表:先按ol回车里边再按li回车,无序列表的每行每一个都要用一个li回车li中间写排序内容

html入门

3.自定义列表

html入门

html入门

���

���表格:建立表格table回车

html入门

html入门

表格属性:在table标签列加

html入门

表头和标题

html入门

html入门

表格结构标签(不重要)

html入门

html入门

合并单元格:用rowspan和colspan属性

html入门

html入门

表单:用于登录,注册和搜索框

html入门

(1)input(表单)标签及其属性

html入门

html入门

按钮

html入门

html入门

action后填后台服务器地址from管理按钮管辖范围value属性可以给按钮添加自定义的字,如

html入门

input中text和password的placeholder属性,在输入框内加入提示字

html入门

input中radio的name和checked属性

html入门

html入门

input的file的属性multiple

html入门

(2)button标签:注意与input标签的button区别

html入门

html入门

(3)select下拉菜单标签

html入门

html入门

(4)textarea文本域标签

html入门

html入门

(5)label标签:第一种id值等于for值

第二种直接把for删掉

html入门

html入门

(6)语义标签(要配合CSS用)

没有语义的两个标签:div(一行最多只有一个被div包裹的语句在遇到第二个div时会换行,跟css标签一起使用,用来网页布局/画布)和span(一行可以有多个不会自动换行),这两个标签没有任何效果和在body标签那些文字效果一样

html入门

有语义的标签

html入门

(7)字符实体标签:下面的字符实体一个实体名称代表一个显示结果

html入门

上一篇:HTML表单基础知识


下一篇:Linux 驱动开发 四十八:Linux INPUT 子系统实验