HTML
一、初始HTML
1、Hyper Text Markup Language 超文本标记语言
超文本包括文字、视频、图像、音频、动画等
2、W3C标准
World Wide Web Consortium 万维网联盟 国际中立性技术标准机构
包括:
结构化标准语言:HTML、XML
表现标准语言:CSS
行为标准:DOM、ECMAScript
3、开发工具
记事本、Dreamweaver、IDEA、WebStorm、VScode
二、网页基本信息
1、注释
两个横杠中间写注释内容2、网页基本结构
三、网页基本标签
标题标签是从h1到h6
四、图像标签
1、常见的图形格式:
JPG、GIF、PNG、BMP
2、HTML中应该另外建立一个目录存放照片、视频等
3、加图像的快捷方式为img+tab键,其中图片地址和名字必填,其他选填
五、链接标签
1、页面链接
从一个页面到另一个页面,可以用文字或者图像做链接,把文字或者图像标签放在a标签里
2、锚链接
点击设定的链接,可以快速的定位到同一个页面或者不同页面中的某个位置。需要一个锚标记跳转到标记,锚标记中要有#
比如先做一个标记:使用name作为标记
通过点击锚标记跳转
也可以通过页面链接设置锚链接如下(记得在另一个页面设置标记)
3、功能性链接
邮件链接
QQ链接
比如QQ推广中输入提示语可以自动生成代码,将代码复制到网页里最后就可以生成一个QQ在线聊天的图标
六、行内元素与块元素
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a,strong,em)
块元素:无论内容多少,该元素独占一行(p,h1-h6)
七、列表标签
网站最底下的文字
无序列表
有序列表
定义列表
八、表格标签
九、媒体元素
视频元素:video
音频元素:audio
十、页面结构分析
一个网站里面嵌套另一个网站
在这个页面会直接出现一个百度的页面,自己设置长宽
内联框架名字为hello,然后在超链接里跳转到目标网站
十二、表单post和get提交(重点)
1、文本框
name属性必须写
表单就比如网站里的登录页面
input标签可以是一个文本输入框,尽量给文本输入框命一个名字
提交之后就会直接跳到action中的地址
2、单选框
单选框radio
name属性表示一个组,在同一个组内只能选一个,不同的组可以多选
3、多选框
多选框checkbox;默认选中的checked,格式类似列表框
name也一定要写,要写一样的名字,是可以多选的
4、按钮
按钮button
可以用value设一个按钮上的初始值
5、列表框(下拉框)
selected表示默认选择这个
6、文本域和文件域
要注意一下文本域是textarea
文件域就是指日常选择文件,上传文件
7、搜索框滑块和简单验证
滑块的话可以用在音量调节上
十三、表单的应用
只读:readonly(不能修改)
禁用:disabled
隐藏:hidden(如下可以隐藏密码文本框,默认密码为123456)
增强鼠标可用性:可以通过直接点击文字,跳到input文本框里,for表示要跳到的地方
十四、表单初级验证
placeholder:提示信息
required:表示不能为空
pattern:正则表达式
正则表达式速查表:https://www.jb51.net/tools/regexsc.htm