zoukankan      html  css  js  c++  java
  • HTML标记语言

    一.html的文档结构

    html含义为超文本标记语言,html文档重要由4个标签来组成就是<html>  <head>  <title>  <body>。

    1.<html>标记.

    所有的html文档都需要使用<html>来开头,虽然他没有上面实质性作用但是不可或缺。

    2.<head>标记

    html文档的头标记,作用是放置html文件的信息。

    3.<title>标记

    <title>标签决定了这个网页的标题,他是包含在<head>标签中的。

    4.<body>标记

    <body>标签是页面的主题内容,同时这个标签也包含了页面的一些其他特征比如背景颜色背景图片。

    二.html常用的标记

    <br>换行标签

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html" charset="UTF-8"/>
            <title>标题</title><!--标题标签-->
        </head>
        <body>
            <b><!--加粗标签-->
                强大的中国
            </b><br><!--换行标签-->
                强大的祖国。<br>
                强大的人民。
        </body>
    </html>

     效果图:

    <p>段落标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>段落p标签</title>
    </head>
    <body>
        <p><!--段落标签-->
            <b>李白(唐代著名浪漫主义诗人)</b><br><!--加粗标签-->
            李白(701年-762年) ,字太白,号青莲居士,又号“谪仙人”,是唐代伟大的浪漫主义诗人,被后人誉为“诗仙”,与杜甫并称为“李杜”,为了与另两位诗人李商隐与杜牧即“小李杜”区别,杜甫与李白又合称“大李杜”。<br>
            据《新唐书》记载,李白为兴圣皇帝(凉武昭王李暠)九世孙,与李唐诸王同宗。其人爽朗大方,爱饮酒作诗,喜交友。<br>
            李白深受黄老列庄思想影响,有《李太白集》传世,诗作中多以醉时写的,代表作有《望庐山瀑布》《行路难》《蜀道难》《将进酒》《梁甫吟》《早发白帝城》等多首。<br>
            李白所作词赋,宋人已有传记(如文莹《湘山野录》卷上),就其开创意义及艺术成就而言,“李白词”享有极为崇高的地位。<br>
        </p>
    </body>
    </html>

    效果图:

     

    <h>标题标签

    标题标签分6级,<hi>i越小,它的级数越大,对应字体也就越大。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>标题h标签</title>
    </head>
    <body>
        <h1>一级</h1>
        <h2>二级</h2>
        <h3>三级</h3>
    </body>
    </html>

    效果图:

    <center>居中标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>居中center标签</title>
    </head>
    <body>
    <center>居中</center>
    </body>
    </html>

    效果图:

  • 相关阅读:
    NFC
    精品收藏:GitHub人工智能AI开源项目
    typedef的用法,C语言typedef详解
    “此人不存在”
    视频换脸-Deepfakes代码解读和训练说明
    Linux下__attribute__((visibility ("default")))的使用
    piao
    高通开源android源码下载
    iOpenWorskSDK下载和答疑贴
    解构领域驱动设计(三):领域驱动设计
  • 原文地址:https://www.cnblogs.com/SAM-CJM/p/9993264.html
Copyright © 2011-2022 走看看