HTML基本入门知识(第一个网页)

第一个网页

Emmet插件:自动生成HTML代码片段

注释

注释为代码的阅读者提供帮助,注释不参与运行,注释可写多行

在HTML中,注释使用如下格式书写:

---html
<!--注释内容-->
---

添加或取消注释:按住电脑Ctrl加/ 进行添加或取消。

元素

其他叫法:标签、标记(可嵌套,需为小写字母)

---html
<a href="http://www.duyijiaoyu.com">渡一教育</a> 
<title>Document</title>
---

整体:element (元素)

元素起始标记(begin tag)[<a>] +结束标记(end tag)[</a>] 注意:(单词得一样,区分大小写) +元素内容[中间部分],[中间部分可由文字(以本例:渡一教育),图片,或者其他东西构成] +元素属性[(以本例:href=“http://www.duyijiaoyu.com”)]。

属性=属性名+属性值 属性加到起始标题里

属性的分类:

-局部属性:某些元素特有的属性
-全局属性:所有元素通用属性

起始标记和结束标记的名字决定元素的名字,不同的元素有不同的功能,元素内容指在页面上显示的东西,元素属性非必须写(不止一个),只是描述元素的额外信息。

---html
 <meta charset="UTF-8">
 ---

有些元素没有结束标记,这样的元素叫做空元素:空元素

空元素的两种写法:

1.---<mata charset="UTF-8">---
2.---<mata charset="UTF-8"/>--- /:表示结束,现在版本不需要这样写

##元素的嵌套

元素不能相互嵌套

 <body>
    <div>
        <p></p>
    </div>
</body>

上述元素书写是正确的

<body>
    <div>
        <p>
    </div>
    <p>
</body>

上述元素书写是不正确的

父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素的两个元素)

标准的文档结构

HTML:页面、HTML文档

---
<!DOCTYPE html>
---

文档声明,告诉浏览器当前文档使用的HTML标准是HTML5.

不写文档声明,将导致浏览器进入怪异渲染模式。可能自动选择标准,还可能切换标准,将正常的东西不正常,所以一定要写上

---html
<html lang="en"></html>
---

根元素,一个页面最多只能一个,并且该元素是所有其他元素的父元素或祖先元素。

HTML5版本中没有强制要求书写该元素

lang属性:language,是一个全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成的。注:汉语 cmn-hans 英语 en

---html
<head>


</head>
---

文档头,文档头内部的内容不会显示到页面上。

---html
<meta>
---

文档的元数据:附加信息。

charset:指定网页内容编码。

计算机中,低压电( 0-2v)0,高压电(2-5v)1,表示2,使用10

计算机中,只能存储数字,文字与数字相对应,形成字典,又称字符编码表。因为编码表分很多种,不统一,所以要指定网页内容编码,告诉网页使用哪种编码表,否则会出现网页乱码。

UTF-8是Unicode编码的一个版本

 ---html
 <title>这是俺的第一个网页</title>
 ---

网页标题

 ---html
 <body>
 ----
 ----
 </body>
 ---

文档体,页面上所有要参与显示的元素,都应该放置到文档体中。
在这里插入图片描述
第一个网页代码参考,文档体具体元素以后会提到.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值