html +CSS+div学习――第二课


一、HTML历史


(1)在HTML中,所有标记不区分大小写


(2)在xHTML中,所有标记区分大小写,所有标记都要有闭标记



二、HTML文档的结构(框架)


(1)所有的网页文件,通常由四对标记构成,文档的骨架是:


    <html>

        <head>

            <title>

            </title>

        </head>

        <body>

        </body>

    </html>


    ~~<html>...</html>:标识网页文件的开始和结束,所有HTML标记都要放在这对标记中

    ~~<head>...</head>:标识网页文件的头部信息,如标题、搜索引擎关键字

    ~~<title>...</title>:标识网页文件的标题

    ~~<body>...</body>:标识网页文件的主体部分


(2)meta标

    ~~meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。放置于<head></head>之间

    ~~设置关键字:<meta name="keywords" content="value">,多个关键字之间用<,>隔开

    ~~设置描述:<meta name="description" content="value">

    ~~设置作者:<meta name="author" content="作者名">

    ~~设置字符集:<meta http-equiv="content-type" content="text/html;charset=gb2312">

    ~~设置页面定时跳转:<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">


(3)网页主体标记:body

~~注释:<!--注释内容-->

~~body属性:<body bgcolor="背景色" background="背景图片" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色" alink="激活的链接文本颜色" leftmargin="上边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">

默认情况下:网页内容与边框距离是有默认值的


(4)标记颜色区分

~~HTML标记:蓝色

~~标记属性:红色

~~标记属性值:紫色

~~HTML标注:绿色


(5)字符格式

~~加粗:<b>文本</b>

~~倾斜:<i>文本</i>

~~加强语气(加粗):<strong>文本</strong>

~~加强语气(倾斜):<em>文本</em>

~~下划线:<u>文本</u>

~~删除线:<s>文本</s>

~~上标:<sup>文本</sup>

~~下标:<sub>文本</sub>


比较的内容,建议使用<strong></strong>标记;

文章网页的主题,建议使用<h1></h1>标记;

网页段落内容,建议使用<p></p>标记;



三、上代码

<html>

	<head>
		
		<title>文件名为:day02_demo03</title>

	</head>

	<body>
		
		<b>这是一段加粗文字</b>
		<br/>
		<i>这是一段倾斜文字</i>
		<br/>
		<strong>这是一段语气加强(加粗)文字</strong>
		<br/>
		<em>这是一段语气加强(倾斜)文字</em>
		<br/>
		<u>这是一段下划线文字</u>
		<br/>
		<s>这是一段删除文字</s>
		<br/>
		<sup>这是一段上标文字</sup>
		<br/>
		<sub>这是一段下标文字</sub>

		<br/><br/><br/>

		<h3>
			<u color="blue">
				<font color="blue">
					中国领先的IT技术网站51CTO
						<font color="red">51CTO(www.51cto.com)</font>
							一个为CTO、IT技术经理、系统工程师、网络工程师、安全工程师、数据库工程师、网络管理员、开发工程师、项目管理
				</font>
			</u>
		</h3>
		<p>51CTO学院_专业的IT职业在线教育及实战培训平台</p>
		<p>51CTO学院_专业的IT职业在线教育及实战培训平台,拥有云计算,大数据,移动开发,游戏开发</p>

	</body>

</html>


你可能感兴趣的:(搜索引擎,关键字,网页,历史,区分大小写)