乐趣区

HTML入门笔记1

(一)HTML 是谁发明的?

答:
HTML 之父(WWW 之父):Tim Berners-Lee 于 1990 年左右在英国发明

(二)HTML 起手应该写什么?

答:

     <!-- 声明版本 -->
<!DOCTYPE html>
     <!-- 声明语言 -->
<html lang="en"> 
     <!-- head 标签内的内容一般是看不到的!-->
<head>
    <meta charset="UTF-8">
     <!-- 禁用缩放,兼容手机 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 需升级到 ie 的最新内核 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> 网页标题 </title>
</head>
<body>
     <!-- body 内为网页的主体部分 -->
</body>
</html>

(三) 常用的表章节的标签有哪些,分别是什么意思?

答:

  • 标题 h1~h5
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 header
  • 脚部 footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 div
 网页大致的结构:<body>
    <header> 页首
    <div>
            <main> 主要内容
            </main>
            <aside> 旁支内容
            </aside>
    </div>
    </header>
    <footer> 页脚
    </footer>
</body>

(四) 全局属性有哪些?

答:

  • class
  • contenteditable
  • hidden
  • id
  • style
  • tabindex
  • title

(1)contenteditable:用户可以编辑网页中的元素
(2)hidden:将元素隐藏
(3)id:一般只用 class,只有在权重问题难以解决时使用 id,否则不到万不得已不要用 id
(4)tabindex:控制在网页中按下 ”tab” 键选中的顺序 tabindex=1,2,3 ….(不必连续)

   特别地:tabindex= 0 表示最后一个 被 tab 访问;tabindex=- 1 表示不可被 tab 访问 

(5)title:显示完整的内容,效果如图:图片描述
(6)style:用于给定 css 的样式

(五) 常用的内容标签有哪些,分别是什么意思?

答:

  • ol + li
  • ul + li
  • dl + dt + dd(dt 概述 + dd 数据)
  • pre
  • hr(分割线,单标签)
  • br(换行,单标签)
  • a
  • em
  • strong
  • code
  • q(quote 的缩写)
  • blockqute

(1)pre(双标签):保留空格、回车、tab……
(2)code(双标签):中间写代码段;一般配合 pre 使用 外层 pre 内层 code,可以自由换行
(3)em 和 strong 的区别:em 表示语气上的强调(默认斜体),strong 表示内容本身的重要性(默认加粗)
(4)quote:内联的引用 (语意标签)
(5)blockquote:块级的引用
(6)a:链接标签,href 属性指向链接

- 特别地,target 属性常用以下两种值
    _self:当前窗口打开,这是默认值。_blank:新窗口打开。

(7)ul:无序列表、双标签。ul 中只能包含 <li></li> 标签
(8)ol:有序列表、双标签。ol 中只能包含 <li></li> 标签

退出移动版