HTML学习笔记(1)
2014-09-09 11:51
337 查看
一:HTML语言简介:
Html 的全称是”超文本标示语言”(Hyper text Markup Language) 是一种标记语言,不需要编译,直接由浏览器执行。
二、HTML语言太特点:
Html 语言规范和标准:HTML语言是不区分大小写的,但一般来说,标记使用大写书写,如<P>, <HTML>,<TABLE>等;标记中的属性一般使用小写。
HTML的编写环境可以使用txt文本,或使用可视化编辑工具如Dreamweaver 、Frontpage 等。
HTML对回车和空格都不敏感,因此可以使用回车或者空格,是代码的格式和结构更清晰明了,这样才能易于查看与维护。
三、HTML文档的结构:
包括HEAD、TITLE、BODY三部分,下面是基本结构:
说明:
1、<head>元素出现在文档的开头部分,<head>和</head>之间的内容不会再浏览器的文档窗口中显示,但是其之间可以嵌入javascript和css样式等丰富网页的内容。
2、<meta http-equiv="Content-Type" content="text/html"; charset=gb2312 />用来标记你的页面的解码方式。
3、<titlle>元素定义HTML文档的标题,<tilte>与</title>之间的内容将显示在浏览器窗口的标题栏。
4、<body>元素表明是HTML文档的主题部分,在<body>与</body>之间,通常都会有很多其他元素;这些元素和元素属性构成HTML文档的主题部分。
5、<BODY>元素的属性概述:
a、bgcolor属性标志HTML文档的北京颜色。如' bgcolor="#ff00ff"
b、backgroud属性设置背景图片可使用 GIG,JPG
c、bgproperties="fixed"使用、背景图片成固定效果。图片不随滚动条滚动。
d、text设置非链接文字的色彩
e、link 、vlink、alink分别对应普通超链接、访问过的超级链接、当前活动超级链接颜色。
f、leftmargin和topmargin页面左边的空白距与上边的空白距。
测试实例:
Html 的全称是”超文本标示语言”(Hyper text Markup Language) 是一种标记语言,不需要编译,直接由浏览器执行。
二、HTML语言太特点:
Html 语言规范和标准:HTML语言是不区分大小写的,但一般来说,标记使用大写书写,如<P>, <HTML>,<TABLE>等;标记中的属性一般使用小写。
HTML的编写环境可以使用txt文本,或使用可视化编辑工具如Dreamweaver 、Frontpage 等。
HTML对回车和空格都不敏感,因此可以使用回车或者空格,是代码的格式和结构更清晰明了,这样才能易于查看与维护。
三、HTML文档的结构:
包括HEAD、TITLE、BODY三部分,下面是基本结构:
<HTML> <HEAD> <title>这是标题部分</title> </HEAD> <BODY> 我是一只小小鸟,小啊小小鸟,怎么飞都飞不高,飞啊飞不高。。。。。。 </BODY> </HTML>
说明:
1、<head>元素出现在文档的开头部分,<head>和</head>之间的内容不会再浏览器的文档窗口中显示,但是其之间可以嵌入javascript和css样式等丰富网页的内容。
2、<meta http-equiv="Content-Type" content="text/html"; charset=gb2312 />用来标记你的页面的解码方式。
3、<titlle>元素定义HTML文档的标题,<tilte>与</title>之间的内容将显示在浏览器窗口的标题栏。
4、<body>元素表明是HTML文档的主题部分,在<body>与</body>之间,通常都会有很多其他元素;这些元素和元素属性构成HTML文档的主题部分。
5、<BODY>元素的属性概述:
a、bgcolor属性标志HTML文档的北京颜色。如' bgcolor="#ff00ff"
b、backgroud属性设置背景图片可使用 GIG,JPG
c、bgproperties="fixed"使用、背景图片成固定效果。图片不随滚动条滚动。
d、text设置非链接文字的色彩
e、link 、vlink、alink分别对应普通超链接、访问过的超级链接、当前活动超级链接颜色。
f、leftmargin和topmargin页面左边的空白距与上边的空白距。
测试实例:
<HTML> <HEAD> <title>这是一个标题部分</title> </HEAD> <BODY background="123.jpg" bgproperties=fixed alink="green" vlink="red" link="blue" text="green" leftmargin="200" topmargin="100" > 好玩的网页。。。。 <a href="http://www.baidu.com">进入百度</a> <a href="http://www.sohu.com">进入搜狐网</a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </BODY> </HTML>
相关文章推荐
- HTML语言学习笔记之四
- HTML学习笔记
- HTML and CSS 学习笔记-第13章 深入探讨样式表格式化
- HTML学习笔记:图像标记
- html学习笔记
- HTML学习笔记:链接标记
- HTML 简介(学习笔记一)
- HTML学习笔记:表单标记
- [学习笔记]HTML 5的元素
- Struts学习笔记: Html标签库学习(Form标签)
- HTML 学习笔记
- HtmlTextWriter学习笔记
- Struts学习笔记: Html标签库学习(Form标签)
- HtmlTextWriter学习笔记
- HTML语言学习笔记之二
- HTML语言学习笔记之三
- Struts学习笔记: Html标签库学习(Html基本标签)
- lucene学习笔记 (转载:http://www.cnblogs.com/bysshijiajia/articles/1237466.html)
- HTML 学习笔记(1)
- Servlet学习笔记(三)-----用HTML页面访问Servlet