html是什么,HTML 基础

 生活杂谈     |      2020-01-04 19:09
 01 HTML 基础 
 
 
HTML是超文本标记语言,不是一种编程语言而是一种标记语言。
 
标记语言是一套标记标签,HTML使用标记标签来描述网页。
 
HTML 标签是由尖括号包围的关键词,比如 <html>。
 
HTML 标签通常是成对出现的,比如 <b>和 </b>。
 
标签对中的第一个标签是开始标签/开放标签,第二个标签是结束标签/闭合标签。
 
HTML 文档 = 网页
 
HTML 文档描述网页。
 
HTML 文档包含 HTML 标签和纯文本。
 
HTML 文档由嵌套的 HTML 元素构成。
 
注:浏览器的作用是读取HTML 文档,然后以网页的形式显示出它们,浏览器不会显示HTML 标签,而是使用标签来解释页面的内容。
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>reviewJs</title>
</head>
<body>
 
    <h1>我的第一个标题</h1>
 
    <p>我的第一个段落。</p>
 
</body>
</html>
<!--
<html> 与 </html> 之间 的文本描述网页
<body> 与 </body> 之间 的文本是可见的页面内容
<h1> 与 </h1> 之间 的文本被显示为标题
<p> 与 </p> 之间 的文本被显示为段落
--
 02 HTML 元素 
 
 
HTML 元素是指从开始标签到结束标签的所有代码。
 
[HTML 元素语法]
 
HTML 元素以开始标签为起始,以结束标签为为终止。
 
元素的内容是开始标签与结束标签之间的内容。
 
某些HTML 元素具有空内容。
 
空元素在开始标签中进行关闭  以开始标签的结束而结束。
 
大多数 HTML 元素可拥有属性。
 
[HTML 文档示例]
 
<html>
<body>
<p>This is my first webpage。</p>
</body>
</html>
<!--
 上面的例子包含三个 HTML 元素
 1 .<p> 元素
   <p>This is my first webpage.</p>
   - 这个元素定义了 HTML 文档中的一个段落
   - 这个元素 开始标签<p>,结束标签 </p>
   - 元素的内容:This is my first webpage.
 2. <body> 元素
   <body>
     <p>This is my first webpage。</p>
   </body>
   - <body> 元素定义了 html 文档的主体
   - 拥有开始标签和结束标签
   - 元素内容:另一个 html 元素 <p> 元素
  3. <html> 元素
     <html>
       <body>
         <p>This is my first webpage.</p>
       </body>
     </html>
     - <html> 元素定义了整个 HTML 文档
     - 拥有开始标签和结束标签
     - 元素内容:另一个 html 元素 <body> 元素
-->
 
[空的 HTML 元素]
 
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
 
<br> 就是没有关闭标签的空元素。<br> 定义换行。
 
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
 
在开始标签中添加斜杠,如 <br />,是关闭空元素的正确方法。
 
注:W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。
 
 03 HTML 属性 
 
 
属性为 HTML 元素提供附加信息。属性总是以名称/值对的形式出现,如:name = "value"。并且总是在 HTML 元素的开始标签中规定。
 
[属性实例]
 
1. <a> 标签定义html的超链接 href属性指定链接的地址
 <a href=‘http://www。bying。com' > 必应 </a>
2. <h1> 定义标题的开始 align居中排列标题
 <h1 align='center'></h1>  
3. <body>   bgcolor 背景颜色
 <body bgcolor='yellow'></body>
 
 
[属性注意事项]
 
使用小写属性,属性和属性值对大小写不敏感。w3c要求使用小写属性。
 
始终为属性值加引号。
 
适用于大多数 HTML 元素的属性:
 
属性 描述
class classname 规定元素的类名
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式
title text 规定元素的额外信息/可在工具提示中显示