网站设计(3常用标签)

一:常用标签

1.文本标题(h1-h6)

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

注:文本标题标签自带加粗,有自己的文本大小,并且独占一行,有默认间隔

2.段落文本

<p>段落文本内容</p>,标识一个段落

3.换行

<br/>:强制换行

4.水平线

<hr>:分割线

<hr color="red" width="300px" align="right">

(注释:

color=====颜色

width=====宽度

align======对齐方式(向左,向右)

noshade=====取消阴影)

5.加粗标记

<b>加粗内容</b>只是显示加粗

<strong>强调的内容</strong>突出的文本(便于搜索软件爬虫关键词)

6.倾斜标记

<em>强调文本</em>

<i>强调文本</i>

7.删除线标记

<s>文本</s>

<del>文本</del>

8.扩展标

<u>文本内容</u>(下划线)

<sub>文本内容</sub>(下标)

<sup>文本内容</sup>(上标)

二:HTML5基本语法

1.常用标签,也叫双标签

<标记></标记>

<标记 属性=“属性值” 属性=“属性值”> </标记>

2.空标记,也叫单标记

<标记/>

<标记 属性=“属性值”/>

三:特殊符号

1.尖角号:&lt;左尖角号,&gt;右尖角号

2.空格:&nbsp; 该空格占据宽度受字体影响明显而强烈

              &emsp; 占据的宽度正好是1个中文宽度,且基本上不受字体影响

3.版权:&copy;

4.商标:&trade; ™

               &reg;

四:分割标签

1.div标签:没有具体含义,用于划分页面的区域,独占一行

2.span标签:没有实际意义,主要应用在对于文本独立修饰时,内容有多宽就占多宽的空间距离

五:列表标签

1.无序列表

<ul>

    <li> 无序列表   </li>

    <li> 无序列表   </li>

</ul>

2.有序列表

<ol type="A" start="4">

    <li>有序列表</li>

    <li>有序列表</li>

</ol>

3.自定义列表

<dl>

    <dt>可以是文字也可以是图</dt>

    <dd>相关文字</dd>

</dl>

  • 11
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值