2020最新HTML基础总结

2020最新HTML基础总结
  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标签连用

推荐阅读