HTML是超文本标bai记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用,HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。HTML主要板块如下:
Document 文档
Type 类型
Language —lang 语言 en 英文 zh-cn中文
Head 表示html的头的部分
Body 表示html的正文的部分
UTF-8 ----Unicode码 全世界的通用码
Meta —metadata 源数据
Title 表示文档的标题
Hn 标签 表示文本的标题
N的取值范围 1-6H1----h6
N的取值越大 字体越小 加粗
1.解释名词或解释图片信息
2.和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息
3.便于团队开发和维护,语义化更具有可读性
表单Form,该标签一般不会单独使用 会和input标签联合使用
Form表单中,存在许多其他元素,下图是添加一些元素后展示出的效果
在网页中显示为
其中
Method=“”请求方式
Text ----文本框
Password ----密码框
Submit ----提交按钮
Checkbox ----多选框
Reset 重置按钮
Button 普通的按钮
Radio ----单选框 只能在多个中选择一个
网页中显示为
Img标签:表示页面上的图片,主要运用Src和Alt两个属性
Src属性 ----source 指代的是图片的路径 url
Alt属性 —表示图像的替代文本
常利用Width 宽度和Height 高度两个属性控制图片的大小
表格布局:通过表格来对网站进行整体的布局
Table ----表格
Tr ----表行
Th ----表头
Td -----表元
Table中也可加入相应的元素控制表格的大小,在Tr、Td中也可加入类似的元素控制字体的大小以及颜色,Th表头自动加粗字体。
属性:
reversed------反转,即将顺序颠倒。type类型中可以使用数字 字母 以及罗马数字
无序列表适合在:论坛新闻项 、展开闭合 、导航等领域
标签定义了定义列表中的项目,用通俗的话来说就是解释项目
跑马灯其实已经很少在html中运用,常用在直播,视频弹幕等一些领域。
视频具体用法
音频具体用法
其中control是添加控制按钮和调节声音大小的音频条。
在html5中给标签做了很多的改进
导航,在制作导航中常会用到
侧栏,头部底部等等增加代码的可读性
标记标签 通常和表单中的文本框
用于修饰文本
含义:一个页面可以显示多个窗口
在HTML4.0 版本中代表 多窗口
在HTML5.0版本中代表 内嵌窗口
需要注意的是:如果要使用frameset标签那么它不能和body标签连用
|