HTML语法



什么是HTML标记语言


表示网页信息的符号标记语言

 


HTML的特点


1。可以设置文本的格式,比如标题、字号、文本颜色、段落等等

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

 

1.png 

 

3。可以插入图像和媒体(例如百度秒速时时彩我们也可以看到图片)


2.png 

 

4.可以建立表格

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


3.png 

  


HTML的标记和他的属性


HTML文档的保存格式


.html

.htm

.xhtml


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


格式

<标记>

内容

</标记>  

例:打开开发工具Notepad++,写下代码:

<html>

<body>

MAIZI       

</body>

</html>

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

 

5.png 

 

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

 

6.png 

 

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

需要注意,标记是成对出现


标记的属性


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

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

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

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

<html>

<body bgcolor=”red”>

MAIZI       

</body>

</html>

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

 

7.png 

 


语法不区分字母大小写


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

 


文档注释


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

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


例1:


<html>

<body bgcolor=”green”>

MAIZI

Zhuchaobing      

</body>

</html>

刷新网页:

 

8.png 

 

例2:


注释掉Zhuchaobing

<html>

<body>

MAIZI

<!--Zhuchaobing-->     

</body>

</html>

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

 

9.png 

 


代码格式


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

源代码不变,加回车:

 

10.png

 

刷新网页,没有影响:

 

11.png 

 

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



字符实体


什么是字符实体?


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


常见的字符实体


显示结果----------描述----------实体名称----------实体编号

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

<--------------------小于号---------- <---------- <

>--------------------大于号---------- >---------- >

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

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

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

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

£--------------------镑---------- £---------- £

¥--------------------日圆---------- ¥---------- ¥

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

§--------------------小节---------- §---------- §

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

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

™--------------------商标---------- ™---------- ™

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

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

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

源代码:

12.png 

 

执行结果:

13.png 

 

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

logo
© 2012-2016 www.trishajaya.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部

上海时时乐 欢乐生肖 贵州快3走势 凤凰平台app下载 澳洲幸运10开奖结果 欢乐生肖 欢乐生肖 澳洲幸运10开奖结果 秒速时时彩 上海时时乐开奖