简单介绍HTML基本结构

简单介绍一下HTML中一些基本结构和标签

简单介绍HTML基本结构

方法/步骤

1、

HTML的基本结构:

<html>根控制标记(头)

         <head> 头控制标记(头)

               <title>标题</title> 标题标记

         </head> 头控制标记(尾)

         <body>网页显示区域(一般要实现的代码都在这里写)</body>

</html>根控制标记(尾)

(开头和结尾成对出现,双标签)

简单介绍HTML基本结构

  1. HTML控制标记的格式:

    1.<标记名称>单一性,无设置值得。

    如:<br />换行

    2.<标记名称 属性=“属性值”>单一性,有设置值的。

    如:<hr width="80%">水平分割线

    3.<标记名称>...</标记名称>对称型,无设置值。

    如:<title>...</title>

    4.<标记名称 属性=“属性值>...</标记名称>对称型,有设置值。

    如:<body bgcolor="red">...</body>

           <p align="center">...</p>

    简单介绍HTML基本结构

  2. HTML最常用的控制标记:

    1.换行<br />无属性设置

    2.段落<p align="排列方式">...</p>

    属性名称align

    属性值left(文本左对齐,默认)

              center(文本居中对齐)

              right(文本右对齐)

    3.水平直线<hr>

    属性名称    属性值

    size            像素px/百分比%(属性值越大,线越粗)

    width         像素px(绝对设置,长度不会应视窗的改变而改变)

                      百分比%(相对设置,长度会随着视窗宽度而改变)

    noshade(实体线)

    简单介绍HTML基本结构

  3. 4.背景色与文字设置

    <body bgcolor="背景色" text="文字颜色">

     整体页面的边距,行距

    <body leftmargin="像素px" topmargin="像素px">

    5.标题文字设置

    <h1>...</h1>

    <h2>...</h2>

    <h3>...</h3>

    <h4>...</h4>

    <h5>...</h5>

    <h6>...</h6>(字体大小是从大到小)

    属性名称align

    属性值left(文本左对齐,默认)

              center(文本居中对齐)

              right(文本右对齐)

    简单介绍HTML基本结构

  4. 6.特殊字符设置

    &lt;  小于号<

    &gt; 大于号>

    &amp; &

    &quot; 双引号“”

    &nbsp;空格

    7.在HTML中备注符号

    <!--...-->

    8.实体字符控制标记

    <b>...</b>粗体

    <i>...</i>斜体

    <s>...</s>删除线

    <u>...</u>下划线

    <sub>...</sub>下标(化学元素:二氧化碳等)

    <sup>...</sup>上标(数学中:幂,平方等)

    简单介绍HTML基本结构

  5. 9.语意字符控制

    <address>…</address> 地址

    <del>…</del> 删除(删除线)

    <ins>...</ins> 修改(下滑线)

    <strong>…</strong> 加强语气(加粗)

    <em>...</em> 加强语气(倾斜)

    10.格式化

    <pre>...</pre>

    简单介绍HTML基本结构

    END

注意事项

  • 实现HTML代码的软件(推荐DW,也可以用记事本直接写)

  • 用记事本写保存格式尾.html 需要修改编码方式utf-8

发布了28 篇原创文章 · 获赞 19 · 访问量 3848

猜你喜欢

转载自blog.csdn.net/qq_44762986/article/details/104082611