web学习----图文操作

`<!DOCTYPE html>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天安门</title>
<style>
    .title1{
        text-align: center;
        text-shadow: 6px 3px silver;
    }
    .title2{
        text-align: center;
        font-weight:bold;
    }
    img{
        width: 700px;
        height: 400px;
        float: left;
        margin-right: 14px;
    }
    .text{
        text-indent:2em ;/* 段落缩进两个字符 */
    }
    .title3{
        background-color: blue;
        color: white;
        font-weight: bold;
    }

</style>

<h1 class="title1">天安门</h1>
<p class="title2">（北京市的第一批全国重点文物保护单位）</p>
<img src="https://img95.699pic.com/photo/50108/7434.jpg_wh860.jpg" alt="">
<h3>结构形制</h3>
<p class="text">天安门<span style="text-decoration: underline;">北京城</span>位于的传统中轴线上，由城台和城楼两部分组成，天安门威严庄重，气势宏大。明清时，天安门是皇城的正门，城门五阙，重楼九楹，高为33.87米；1970年翻建后高达34.7米。</p>
<span class="title3">城楼</span>
<p class="text">天安门城楼为中国传统的重檐歇山式建筑，即由四个倾斜的顶面、一条正脊、四条垂脊、四条戗脊（垂脊下端折向的一条）和两侧的戗面、屋面组成，形成重檐的“三滴水”布局。屋顶的正脊与垂脊上装饰有“九兽十龙”之数，螭吻为木结构建筑中“大屋顶”檐下悬挂着的斗拱、飞檐等。斗拱为中国传统的木构构件，中轴又分为“斗枋、檐枋、斗拱下面是额枋，上面彩画和金重檐歇山，柱子之间的构件叫檐枋，绘有金龙和玺图案。</p>
<p class="text">城楼的主体建筑分为上下两层。上层是36扇菱花格式的门窗，城楼屋顶的铺饰材料大部分是楠木，九楹内有60根直径为9.2厘米的“红五”之数，象征皇帝的尊严。正面有36扇菱花格式门，黄琉璃瓦顶的殿檐下，东西阔九间，南北进深五间，取“九五”之尊，象征皇帝的尊严。正面有36扇菱花格式门，黄琉璃瓦顶的殿檐下，东西阔九间，南北进深五间，取“九五”中国传统的建筑格式，屋顶上的天花藻井别是龙图案，正面的36扇门原为菱花门，梁枋上的彩画为金龙和玺彩画，是中国古代建筑中最高规格的彩画形式，在殿顶与梁枋交错的龙脊上绘的是金龙图案，每个角上有一盏伞形小灯，地面铺的全是金砖，面积约2000平方米。屋顶的正脊与垂脊上装饰有螭吻、仙人、走兽。</p>
<p class="text">下部是高1.9米的雕刻精美的汉白玉须弥座台基，座上为高10米的红色城台，以每块重达43千克的大砖砌成，城台壁面围有汉白玉栏杆、栏板，雕刻着莲花瓶图案。</p>
<span class="title3">城台</span>
<p class="text">城台的总面积达4800平方米，东西两侧各有一条长达百级上下城楼用的梯道，俗称马道，还有5个拱形门洞，中间的门洞最大，高8.82米，宽5.25米，唯有皇帝可以进出，城台下有券五阙，中间的券门最大，位于北京皇城中轴线上，过去只有皇帝才可以由此出入，正中门洞上方悬挂着巨大的毛泽东画像，两边分别两座大型标语。</p>

`
文字大小：font-size
首行缩进：text-indent:2em;
文字加粗：font-weight:bold;
图片间隔：margin-right: 14px;
阴影：text-shadow: 6px 3px silver;
下划线：text-decoration: underline;
固定字距：style="letter-spacing: 2px;
文字对齐方式为居中：text-align: center;
span：行内元素用于局部精细化控制，不单独占一行
虚线dashed 实线solid 点dotted

（align:对齐）
（indent:缩进）
（decoration:修饰）
（margin:外边界，空白）

edit 发表评论