HTML标签的基础知识1

标题标签

1. 示例
< h1 align=“对齐方式”>文本内容< /h1>
… …
< h# align=“对齐方式”>文本内容< /h#>
2. 对齐方式

left文字左对齐
right文字右对齐
center文字居中对齐

文字

  1. 斜体:< em>斜体内容< /em>
  2. 下划线:< u>带下划线的文字< /u>
  3. 删除线:< strike>带删除线的文字< /strike>
  4. 上标:< sup>…< /sup>
  5. 下标:< sub>…< /sub>
  6. 粗体: < strong>< /strong>

段落

1. 示例
< p align=“对齐方式”>文本内容< /p>
2. 对齐方式

left文字左对齐
right文字右对齐
center文字居中对齐

换行

示例:< br/>

水平标签:< hr/>

1. 示例
< hr align=“对齐方式” size=“线的粗细” width=" " color="" noshade=“noshade”>
解说:没有阴影效果的水平线:< hr noshade=“noshade” />
2. 对齐方式

left文字左对齐
right文字右对齐
center文字居中对齐

特殊符号

&quot引号
&It左尖括号
&gt右尖括号
&times乘号
&nbsp空格

列表

无序列表:< ul>…< /ul>

1. 示例:

<ul type="符号类型">
       <li type="符号类型">第一</li>
      <li type="符号类型">第二</li>
</ul>

< ul img src=“a.gif”> 表示:符号为指定的图片
2. 符号类型

实心圆点disc
空心圆点circle
方块square

有序列表:< ol>…< /ol>

1. 示例

<oll type="符号类型">
       <li type="符号类型">第一</li>
      <li type="符号类型">第二</li>
</ol>

2. 符号类型
阿拉伯数字,小写字母。。。

自定义列表

  1. 描述
    自定义列表以
    标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以
    开始。
<dl>
      <dt>第一个标题</dt>
      <dd>文字</dd>
       <dt>第二个标题</dt>
        <dd>文字</dd>
</dl>

嵌套列表

  1. 类型
有序列表嵌套有序列表
无序列表嵌套无序列表
有序列表嵌套无序列表
无序列表嵌套有序列表

超链接

类型
1. 锚点链接
< a href=“url” title=“指向链接显示文字” target=“窗口名称”>访问

解说:如果不进行链接,可以href="#"
解说:连接后不可以返回
窗口名称

_blank新窗口打开被链接文档
_self默认窗口打开
_parent父框架打开被链接文档
_top整个窗口打开被链接文档

2. 指向其他页面连接
< a href=“url”>访问
解说:连接后可以返回

图像标签 < img>

1. 示例
< img src=" " alt=“替代文字” title=“鼠标悬停提示文字” width=" " height=" " border=“边框宽度” align=“环绕方式 | 对齐方式”>

环绕方式 | 对齐方式

left文字左对齐
right文字右对齐
center文字居中对齐
top文本与图像在顶部对齐
middle文本与图像在中央对齐
bottom文本与图像在底部对齐

图像超链接

1. 示例:< a href="">< img src=""/>< /a>

块级标签元素< div>

  1. 描述:< div align=“对齐方式”>< /div>

行级元素

  1. 描述:< span align=“对齐方式”>< /span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值