HTML初学，第1天

最新推荐文章于 2023-11-07 00:15:00 发布

chuyin0374

最新推荐文章于 2023-11-07 00:15:00 发布

阅读量102

点赞数

原文链接：https://my.oschina.net/u/4090376/blog/3017810

版权

HTML，初学第一天

打开DW CS6，打开编辑菜单—首选参数—新建文档选项，默认文档类型HTML5（因为常用），确定。

新建文档，<title> </title>中间输入标题名，如<title>测试</title>

<body> </body>是网页的主体部分实例如下：

<body>
<div id = "txt" style="width:770px; background-color:#9CF; margin:0 auto"><！--div用来定义节，文本，style就是格式，background-color就是英文背景颜色，margin设置的是对齐方式，0 auto为居中-->（这里是注释）
<h2>你好，秋天</h2>
<p>zhaoqi @ 2018-10-08</p>
<p>
春天是一把琴，将优美琴声带给世人，叫他们脱去衣袄，重新奔跑在温暖的大地中；夏天是一把扇，扇去炎热，以热情的脸庞去温抚他人；冬天时一雪花，飘飘而来，为人们带来雪的姿态，但是秋天的叶则更令我喜欢。
秋天的叶是凄凉的飘飘洒洒的落叶如一只蝴蝶，飞舞着，飘到大地母亲的怀抱里。
秋天的叶是一位化妆师，把世界渲染，把大地变成金黄色；秋天的叶，默默无闻，春天夏天，树叶的绿叶衬托使鸟儿莺歌燕舞，秋天的你，默默而去，但你不伤心，因为你熟知"落红不是无情物，化作春泥更护花。"</p>
<p>秋日的叶是富有诗意的，你好，秋天，你好！</p>
<p>浏览[1051]|评论[105]</p>
<p>注：文字摘自网络</p>
</div>

</body>

如果在一个网页内设置格式，可以在head中设置行内样式如下

如果经常使用这种格式，可以建立css文件并引用，新建css如下

@charset "utf-8";
/* CSS Document */

#txt{
   background-color:#FF6 !important;
   width:0 auto;
   }
   .myclass{
       background-color:#963; text-align:center;
       color:#099;
       font-family:"楷体";
       font-style:italic; 
       }
       p {
           color:
           #000;
           text-indent:2em;
           line-height:35px;
           }

并在文中引用如下

综上，整个html文件：

<!DOCTYPE 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" />

</head>

<body>
<div id = "txt" style="width:770px; background-color:#9CF; margin:0 auto">
<h2 class="myclass">你好，秋天</h2>
<p>zhaoqi @ 2018-10-08</p>
<p>
春天是一把琴，将优美琴声带给世人，叫他们脱去衣袄，重新奔跑在温暖的大地中；夏天是一把扇，扇去炎热，以热情的脸庞去温抚他人；冬天时一雪花，飘飘而来，为人们带来雪的姿态，但是秋天的叶则更令我喜欢。
秋天的叶是凄凉的飘飘洒洒的落叶如一只蝴蝶，飞舞着，飘到大地母亲的怀抱里。
秋天的叶是一位化妆师，把世界渲染，把大地变成金黄色；秋天的叶，默默无闻，春天夏天，树叶的绿叶衬托使鸟儿莺歌燕舞，秋天的你，默默而去，但你不伤心，因为你熟知"落红不是无情物，化作春泥更护花。"</p>
<p>秋日的叶是富有诗意的，你好，秋天，你好！</p>
<p>浏览[1051]|评论[105]</p>
<p>注：文字摘自网络</p>
</div>

</body>
</html>

注：这里引用的css是上面新建css的内容，起名为mycss

主要内容已加注释，今儿个就学这么些~

转载于:https://my.oschina.net/u/4090376/blog/3017810