HTML学习笔记（1）

来源：互联网发布：纯js前端实现分页代码编辑：程序博客网时间：2024/05/16 14:29

一：HTML语言简介：

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>

0 0