html学习摘抄

注意：对于中文网页需要使用 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则需要设置为 。

HTML实例：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>菜鸟教程(runoob.com)</title>
 6 </head>
 7 <body>
 8  
 9 <h1>我的第一个标题</h1>
10  
11 <p>我的第一个段落。</p>
12  
13 </body>
14 </html>

 

实例解析：

 

  • <!DOCTYPE html> 声明为 HTML5 文档，不区分大小写。
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题
  • <p> 元素定义一个段落

 

注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。

 

HTML 元素

HTML 文档由 HTML 元素定义。

HTML 元素

开始标签 *元素内容结束标签 *
<p> 这是一个段落 </p>
<a href="default.htm"> 这是一个链接 </a>
<br> 换行  

*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性

 

 

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。

HTML 文档由相互嵌套的 HTML 元素构成。

 

HTML 文档实例

1 <!DOCTYPE html>
2 <html>
3 
4 <body>
5 <p>这是第一个段落。</p>
6 </body>
7 
8 </html>

以上实例包含了三个元素

 

不要忘记结束标签

即使忘记了使用结束标签，大多数浏览器也会正确地显示 HTML，但是不可依赖

使用小写标签

HTML  属性

 

  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name="value"。

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

Remark提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

HTML 属性参考手册

查看完整的HTML属性列表: HTML 标签参考手册。

 

 

下面列出了适用于大多数 HTML 元素的属性：

属性描述
class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式（inline style）
title 描述了元素的额外信息 (作为工具条使用)

更多标准属性说明： HTML 标准属性参考手册.

 

HTML 标题

标题很重要

请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

HTML 水平线

<hr> 标签在 HTML 页面中创建水平线。

HTML 注释

可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。

注释写法如下:

<!you are silly>

 

posted @ 2021-02-24 23:41  huaick  阅读(59)  评论(0)    收藏  举报