HTML学习笔记：网页基本标签、图像、超链接、列表、音频、视频、表单 |
您所在的位置：网站首页 › 图像标签的基本语法知识 › HTML学习笔记：网页基本标签、图像、超链接、列表、音频、视频、表单 |
HTML学习笔记：网页基本标签、图像、超链接、列表、音频、视频、表单
|
HTML学习笔记
1、网页基本标签
1.1、标题标签
标题一
标题二
标题三
标题四
标题五
标题六
1.2、段落标签
I am Iron Man
I am Bat Man
I am super Man
I am Spider Man
1.3、水平线标签
1.4、特殊符号
空格:;
空;;;;格（& n b s p;）
&加字母，可以看其他特殊字符
1.5、粗体、斜体
Iron Man
Iron Man
2、图像，超链接
2.1、图像
2.2、超链接
2.2.1、页面间链接
点击跳转到First
送你去百度
送你去我的博客
2.2.2、锚链接
在网页的某一处进行标记，然后点击锚链接，即可跳到标记处，还可以跳转到另一个页面的某一处。 顶部 回到顶部 MyFirstHTML.html： 底部 MySecondHTML。html： 跳转到另一个页面的底部跳转到另一个页面的某一处只需要在另一个页面的某一处标记，然后在跳转链接的时候，加上#锚标记，即可。 2.2.3、功能性链接 点击联系我 3、块元素，行内元素 3.1、块元素块元素会另起一行，无论内容多少，该元素独占一行。 如：p，h1~h6… 3.2、行内元素左右都是行内被元素的话，可以排在一行，不会因为元素不同而另起一行。 如：a，strong，em… 4、列表 4.1、有序列表应用范围：试卷，问答，等有顺序的排列。 路飞 索隆 乌索普 娜美 4.2、无序列表应用范围：导航栏，侧边栏，无顺序排列 hello shu brother 4.3、自定义列表应用范围：链接归类，等，如正常网站底部的内容。 技术 Java Python C++ 爱好 羽毛球 篮球 摄影 5、表格table：表格标签 tr：行 td：列 colspan：跨列 rowspan：跨行 跨两列 自己一列 跨两行 2222 2222 2222 2222 6、音频和视频 6.1、音频audio：音频 controls：显示控件 6.2、视频video：视频 controls：显示控件 7、页面结构用于规范代码 header：网页头部 section：网页主体 footer：网页脚部 article：独立的文章内容 aside：相关内容或者应用（常用于侧边栏） nav：导航辅助类内容 网页头部内容 网页主体内容 网页脚部内容 独立的文章内容 相关内容或者应用（常用于侧边栏） 导航辅助类内容 8、内联框架iframe：在网页里面再嵌入网页 点击跳转这里我在当前网页嵌入了一个空的网页，因为src什么也没写，所以只会出现一个空白，然后当前页面我设置了一个链接，target设置网页打开的目标位置，设置在嵌入的网页上，然后点击当前页面的链接，就会在嵌入的网页上显示链接上的网页。 9、表单 9.1、表单元素 输入的类型type text：文本框password：密码框checkbox：多选框radio：单选框submit：提交按钮，提交表单的数据reset：重置按钮，重置表单的数据file：文件框，可以上传文件hidden：把输入框隐藏，提交的时候，对应的数据为空image：图片按钮，可以提交button：普通按钮（value可以给按钮赋值） name：指定表单元素的名称。每个表单元素都应该有一个name，便于后台读取。value：元素的初始值，type为radio（多选框）时，必须指定一个值。size：指定表单元素的初始宽度，当type为text或者password时，表单元素大小以字符为单位，对于其他类型，宽度以像素为单位。maxlength：type为text或者password时，输入的最大字符数。checkbed：type为radio或者checkbox时，指定按钮是否被选中。form：表单 method：表单提交的方式。（get和post，最主要的区别是在地址栏能否看到提交的信息，一般用post） get方式提交：我们可以在url地址栏中看到提交的信息，不安全，但是效率高。post方式提交：比较安全，可以传输大文件。action：表单的数据提交的位置。（可以是网站，也可以是请求处理的地址） 9.2、账号，密码，提交，重置，自定义按钮 用户名： 密;;;码：
因为是get方法，所以提交之后，跳转到MySecondHTML.html这个网页上，并且把信息显示在地址栏中。 如email，url，数字等等。。 邮箱： URL： 年龄： 9.7、滑块 音量 9.8、只读，禁用，隐藏 只读：readonly禁用：disabled隐藏域：hidden，隐藏了的元素，输入框没有了，但是提交表单数据的时候，数据是有的。可以通过隐藏域设置默认数据，如默认密码。 9.9、表单的初级验证pleaceholder：提示信息，会在没有输入信息的时候，给出指定提示。 用户名：required：非空判断，自动验证输入是否为空，如果为空，提交不了表单。 密码：pattern：传入一个正则表达式，根据正则表达式进行判断。 常用正则表达式：常用的正则表达式 URL： |
【本文地址】
今日新闻 |
推荐新闻 |