Web—HTML

最新推荐文章于 2022-03-16 13:43:45 发布

chonghan8991

最新推荐文章于 2022-03-16 13:43:45 发布

阅读量63

点赞数

原文链接：https://my.oschina.net/u/4091210/blog/3018345

版权

Html文档基本格式：文档后缀名.html或者.htm

<!doctype html> 必须用在开头：用于向浏览器说明当前文档使用的哪种HTML规范标准

<html>：根标记，用于告知浏览器本文件是个html文档

<head>：头部信息，主要用来放置其他位于头部的标记，像<title>、<meta>、<link>、<style>等

<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；<!--设置以百分比制的行高-->
}

转载于:https://my.oschina.net/u/4091210/blog/3018345

chonghan8991

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web—HTML

Html文档基本格式：文档后缀名.html或者.htm <!doctype html> 必须用在开头：用于向浏览器说明当前文档使用的哪种HTML规范标准 <html>：根标记，用于告知浏览器本文件是个html文档 <head>：头部信息，主要用来放置其...
复制链接

扫一扫