Html文档基本格式:文档后缀名.html或者.htm
<!doctype html> 必须用在开头:用于向浏览器说明当前文档使用的哪种HTML规范标准
<html>:根标记,用于告知浏览器本文件是个html文档
<head>:头部信息,主要用来放置其他位于头部的标记,像<title>、<meta>、<link>、<style>等
<meta>:描述HTML文档的描述,关键词,作者,字符集等。
<body>:主体标记。网页上要显示的所有内容都写在此处
HTML标记或者标签
通常成对出现:<html></html>、<p></p>
标签对的第一个标签叫开始标签(开放标签),第二个是结束标签(闭合标签)
标签也分单标签和双标签:<img /> <hr />
标签上有自己属性:比如id,写法:属性=“值”
注释:<!-- 我是注释 -->
标签:
<div>:用来划分区域的
<p>:段落
<h1>~<h6>:标题从大到小
<!DOCTYPE HTML>
<html> <!--定义HTML文件-->
<head> <!--这里是关于文档的信息-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试</title> <!--这里是标题-->
<link href="mycss.css" type="text/css" rel="stylesheet" /> <!--这里是文档和外部资源的关系-->
<!--行内样式-->
<!--<style type="text/css">
#txt{
background-color:#F6F !important;
width:800px;
}
</style>-->
</head>
<!-- 注释 -->
<body> <!--这里是文档的主体-->
<div id="txt" style="width:770px; background-color:#6F6; margin:0 auto;"> <!--定义文档中的节-->
<h1 class="myclass">你好,秋天</h1> <!--这是标题的意思,h1到h6都是HTML标题-->
<p>zhaoqi @ 2018-10-08</p> <!--这里表示段落,把文档分成一段又一段-->
<p>春天是一把琴,将优美琴声带给世人,叫他们脱去衣袄,重新奔跑在温暖的大地中;夏天是一把扇,扇去炎热,以热情的脸庞去温抚他人;冬天时一雪花,飘飘而来,为人们带来雪的姿态,但是秋天的叶则更令我喜欢。</p>
<p>秋天的叶是凄凉的飘飘洒洒的落叶如一只蝴蝶,飞舞着,飘到大地母亲的怀抱里。</p>
<p>秋天的叶是一位化妆师,把世界渲染,把大地变成金黄色;秋天的叶,默 默无闻,春天夏天,树叶的绿叶衬托使鸟儿莺歌燕舞,秋天的你,默默而去, 但你不伤心,因为你熟知"落红不是无情物,化作春泥更护花。"</p>
<p>秋日的叶是富有诗意的,你好,秋天,你好!</p>
<p>浏览[1051]|评论[105]</p>
<p>注:文字摘自网络</p>
</div>
</body>
</html>
<!--css自此开始-->
@charset "utf-8";
/* CSS Document */
#txt{
background-color:#f00 !important; <!--background-color是背景颜色,!important指优先执行-->
width:800px; <!--段落的宽度-->
}
.myclass{
text-align:center; <!--文本的文本的对齐方式 居中对齐-->
color:#FFF; <!--文字颜色-->
font-family:楷体; <!--字体设为楷体-->
font-style:italic; <!--字体样式-->
}
p{
color:#FFF;
text-indent:2em;<!--缩进段落的第一行-->
line-height:35px;<!--设置以百分比制的行高-->
}