ホームページ > ウェブフロントエンド > htmlチュートリアル > html +CSS+div の学習 - レッスン 2_html/css_WEB-ITnose

html +CSS+div の学習 - レッスン 2_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:35:29
オリジナル
981 人が閲覧しました


一、HTML历史


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


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



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


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


    

        

            </p> <p>            

        

        

        

    


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

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

    ~~...:标识网页文件的标题

    ~~...:标识网页文件的主体部分


(2)meta标

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

    ~~设置关键字:,多个关键字之间用<,>隔开

    ~~设置描述:

    ~~设置作者:

    ~~设置字符集:

    ~~设置页面定时跳转:


(3)网页主体标记:body

~~注释:

~~body属性:

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


(4)标记颜色区分

~~HTML标记:蓝色

~~标记属性:红色

~~标记属性值:紫色

~~HTML标注:绿色


(5)字符格式

~~加粗:文本

~~倾斜:文本

~~加强语气(加粗):文本

~~加强语气(倾斜):文本

~~下划线:文本

~~删除线:文本

~~上标:文本

~~下标:文本


比较的内容,建议使用标记;

文章网页的主题,建议使用

标记;

网页段落内容,建议使用

标记;



三、上代码

<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>
ログイン後にコピー


ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート