广东快3>WIKI库>学习HTML>HTML语法

HTML语法



什么是HTML标记语言


广东快3表示网页信息的符号标记语言

 


HTML的特点


广东快31.可以设置文本的格式,比如标题、字号、文本颜色、段落等等

广东快32.可以创建列表(例如打开百度,我们可以看到这样的列表)

 

1.png 

 

广东快33.可以插入图像和媒体(例如百度广东快3我们也可以看到图片)


2.png 

 

4.可以建立表格

广东快35.超链接,可以使用鼠标点击超链接来实现页面之间的跳转 (例:打开百度,点击新闻,就会跳转到新闻的页面)


3.png 

广东快3  


HTML的标记和他的属性


HTML文档的保存格式


.html

.htm

.xhtml


标记和被标记的内容构建出HTML文档


格式

<标记>

内容

广东快3</标记>  

广东快3例:打开开发工具Notepad++,写下代码:

广东快3<html>

广东快3<body>

MAIZI       

广东快3</body>

广东快3</html>

保存,新建一个文件夹,命名为“课程源文件”,打开文件夹“课程源文件”,新建一个文件夹,命名为“第一节课”,然后保存,保存的类型选择,如图:

 

5.png 

 

广东快3然后我们打开“课程源文件”,接着打开“第一节课”,里边有我们刚才新建的内容,将其拖到浏览器中,如图:

 

6.png 

 

浏览器中就会显示我们刚才新建的内容,“MAIZI”。

广东快3需要注意,标记是成对出现


标记的属性


标记的属性,就是用来控制我们的内容(图像、文本等的)如何的显示,格式如下:

<标记 属性1=属性值 属性2=属性值 ... ... >内容</标记>

例如<body bgcolor="red">内容</body>

以上的属性是用来控制我们的网页的背景颜色,bgcolor    就是body的属性,他的值是red(红色)

<html>

<body bgcolor=”red”>

MAIZI       

</body>

</html>

当我们刷新之后,整个网页背景就会变成红色:

 

7.png 

 


语法不区分字母大小写


广东快3<HTML>、<Html>、<html>都是定义相同的标记,但是在编写网页的时候尽量使用小写

 


文档注释


广东快3注释一段内容时使用“<!--”开始,以"-->"结束,例如<!--我是这个网页的作者,我的名字叫做朱朝兵-->

注释的内容不会显示!!!!!!


例1:


<html>

广东快3<body bgcolor=”green”>

MAIZI

Zhuchaobing      

</body>

</html>

刷新网页:

 

8.png 

 

例2:


注释掉Zhuchaobing

<html>

<body>

MAIZI

<!--Zhuchaobing-->     

</body>

广东快3</html>

刷新网页:Zhuchaobing就不会显示了

 

9.png 

 


代码格式


广东快3空格键和回车键在网页中都不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排。

源代码不变,加回车:

 

10.png

 

刷新网页,没有影响:

 

11.png 

 

广东快3注意:缩进时保持严格的规则,以“Tab”键进行缩进!



字符实体


什么是字符实体?


比如我们想在网页上面显示一个“<”小于符号,但是“<”在HTML中是文档标记的开始语言,如果我们直接使用“<”会出差错,所以我们就会一些实体名称来代替!


常见的字符实体


广东快3显示结果----------描述----------实体名称----------实体编号

 ---------------------空格----------    ---------- 

广东快3<--------------------小于号---------- <---------- <

广东快3>--------------------大于号---------- >---------- >

&--------------------和号---------- &---------- &

"--------------------引号---------- " ---------- "

'--------------------撇号---------- ' (IE不支持)---------- '

¢--------------------分---------- ¢---------- ¢

广东快3£--------------------镑---------- £---------- £

广东快3¥--------------------日圆---------- ¥---------- ¥

€--------------------欧元---------- €---------- €

广东快3§--------------------小节---------- §---------- §

©--------------------版权----------©---------- ©

®--------------------注册商标---------- ®---------- ®

广东快3™--------------------商标---------- ™---------- ™

×--------------------乘号---------- ×---------- ×

÷--------------------除号---------- ÷---------- ÷

例:<--------------------小于号---------- <---------- <

源代码:

12.png 

 

执行结果:

13.png 

 

【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录