HTML入门笔记1

boring01
285 阅读4分钟

1.HTML是谁发明的？

  • 1990年左右，Tim Berners-Lee（蒂姆·伯纳斯·李）发明了万维网（亦作“WWW”英文全称为“World Wide Web”），同时发明了HTML、HTTP和URL。李爵士写了第一个浏览器，写了第一个服务器，并且用自己的浏览器访问了自己的服务器。
2.HTML是什么？
  • HTML 是用来描述网页的一种标记语言，是WWW的描述语言，通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上.它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础.
  • HTML 指的是超文本标记语言 (Hypertext Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

3.HTML的起手写法

<!DOCTYPE html> 
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"> 
    <!-- 禁止缩放手机-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<!-- 使用IE最新版本-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>HTML入门笔记1</title> 
</head>
<body>
</body>
</html>

4.HTML中常用来表示章节的标签

  • <h1>-<h6> 标题(Heading)元素呈现了六个不同的级别的标题，<h1>级别最高，<h6>级别最低。块元素
  • <section> "章节" 元素表示一个包含在HTML文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。  块元素
  • <article>“文章”元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构.块元素
  •  <p>元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。块元素
  • <header> 元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素。块元素
  • <footer> 元素表示最近一个章节内容或者根节点元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。块元素
  • <main> 元素呈现了文档的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主、应用的主要功能部分的内容组成。
  • <aside> 其通常表现为侧边栏。
  • <div> 元素它在语义上不代表任何特定类型的内容。块元素

5.所有标签都有的属性

  • class：类 
  • contenteditable：使元素可编辑，它几乎支持所有的HTML元素。
  •  hidden:隐藏，可以使一个标签不被显示 
  •  id:用来表示唯一，但是全局唯一性没有保障，就算有两个重复的id，也不会提示错误 
  • style：包含文档的样式信息或者文档的部分内容.  
  • tabindex：指示其元素是否可以聚焦，通常使用Tab键。 值为正值：表示该元素可以被选择，按照从小到 大依次被选取;值为0：表示该该元素最后被选取; 值为负值：表示该元素不会被选取，通常赋值‘-1’.
  •  title:文字标题等.

6.常用的内容标签

  • <ol>+<li>：有序列表 
  •  <ul>+<li>：无序列表 
  • <dl>+<dt>+<dd>：dl描述列表、dt描述列表的属性、dd说名列表的内容
  • <pre>：可以使代码文本保留原来的空格和换行 
  • <hr>:分割线 
  • <br>:换行 
  • <a>:超链接、锚点 
  • <em>：表示语气上的强调 
  • <strong> ：表示内容本身的重要性 
  • <code>：用来定义计算机代码文本 
  • <quote> ：引用 
  • <blockquote> ：另一个源的块引用


avatar
文章
阅读
粉丝