当前位置:   article > 正文

HTML标签的基础知识1

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>
  • 1
  • 2
  • 3
  • 4

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

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

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

1. 示例

<oll type="符号类型">
       <li type="符号类型">第一</li>
      <li type="符号类型">第二</li>
</ol>
  • 1
  • 2
  • 3
  • 4

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

自定义列表

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

嵌套列表

  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>
声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号