前言
 HTML是一种标签语言,用来描述网页的语言,是组成web标准的结构之一

 一、.HTML骨架
HTML基础知识总结(上篇)
 ·第1行<!DOCTYPE html>声明文档类型,作用是告知浏览器该文档使用那种规范
 ·第2行<html lang="en">制定HTML标签指定语言, 常用的有英文:en,中文:Zh-CN
 ·第3行<head>头标签,成对存在,里边放置网页的配置信息(meta)及网页的标题(title);
 ·第4行<meta charset="UTF-8">配置网页信息,utf-8是国际通用编码字符集,适用于各国的字符标准世界通用字符,“UTF-8”防止乱码的出现,HTML文件以UTF-8编码保存
 ·第5行<title>Document</title>网页的标题
 ·第7~8行<body></body>标签之间用于定义网页的主体内容
 ·HTML骨架标签总结
HTML基础知识总结(上篇)

 二、HTML标签分类

 ·常规元素(双标签)成双成对,有始有终
HTML基础知识总结(上篇)
  ·空元素(单标签)单身狗,单个存在
HTML基础知识总结(上篇)

 三、HTML关系

 ·嵌套关系(距离为一个tab键)
HTML基础知识总结(上篇)
 嵌套关系就像是父亲和儿子的关系,儿子嵌套在父亲中,依赖于父亲
HTML基础知识总结(上篇)
 ·并列关系
HTML基础知识总结(上篇)
 并列关系,就好比兄弟关系,等级相同
HTML基础知识总结(上篇)
  四、HTML常用标签

  1)排版标签
  一共分为6级,从h1-h6<h1></h1>标签等级最高,字体最粗,字号最大,依次递减
HTML基础知识总结(上篇)
 2)段落标签
HTML基础知识总结(上篇)
 3)水平标签,作用是画出一条水平分割线
HTML基础知识总结(上篇)
 4)换行标签(强制换行)
HTML基础知识总结(上篇)
 5)div和span标签
 ·div是用来布局的,一行只能放一个div
 ·span标签也是用来布局的,一行可以放多个span
HTML基础知识总结(上篇)
 常用标签总结
HTML基础知识总结(上篇)

 五、文本格式标签总结

HTML基础知识总结(上篇)
 ·b只是加粗,strong除了加粗还有强调的意思

 六、标签属性

 1)图像标签(img与src之间要留有空格)
HTML基础知识总结(上篇)
 2)图像的其他属性**
HTML基础知识总结(上篇)
 3)链接标签
HTML基础知识总结(上篇)
 ·href,用于链接跳转目标的地址
HTML基础知识总结(上篇)
 .target用于打开一个新的网页,而原有的网页继续存在,不加target新网页将在原有网页的基础上打开,原网页被覆盖
HTML基础知识总结(上篇)
HTML基础知识总结(上篇)
 4)注释标签
 不会显示到页面上,注释是给前端人员看的,程序不执行这个代码
HTML基础知识总结(上篇)
 七、锚点定位
 通过创建锚点连接,用户能快速定位到目标内容,就像WPS中的大纲显示,通过大纲标题,直接定位到具体内容上
HTML基础知识总结(上篇)
  完!欢迎评论区留言

相关文章:

  • 2021-11-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-18
  • 2022-02-09
  • 2021-11-29
  • 2021-12-24
猜你喜欢
  • 2021-10-22
  • 2021-12-27
相关资源
相似解决方案