简单介绍HTML基本结构

2025-11-08 06:05:43

1、HTML的基本结构:

<html>根控制标记(头)

         <head> 头控制标记(头)

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

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

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

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

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

简单介绍HTML基本结构

2、HTML控制标记的格式:

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

如:<br />换行

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

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

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

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

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

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

       <p align="center">...

简单介绍HTML基本结构

3、HTML最常用的控制标记:

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

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

属性名称align

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

          center(文本居中对齐)

          right(文本右对齐)

3.水平直线<hr>

属性名称    属性值

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

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

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

noshade(实体线)

简单介绍HTML基本结构

4、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基本结构

5、6.特殊字符设置

&lt;  小于号<

&gt; 大于号>

&amp; &

&quot; 双引号“”

&nbsp;空格

7.在HTML中备注符号

<!--...-->

8.实体字符控制标记

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

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

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

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

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

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

简单介绍HTML基本结构

6、9.语意字符控制

<address>…</address> 地址

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

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

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

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

10.格式化

<pre>...</pre>

简单介绍HTML基本结构

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢