您的位置：首页 > Web前端 > HTML

html常用标签之文本标签的使用

2019-05-16 19:08 176 查看
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/weixin_44376490/article/details/90268677

文章目录

  • 全称：Hyper Text Markup Language：超文本标记语言
  • 标准结构：有标签体的标签使用

代码结构示例：

<html>
<head>---
<title><title>
</head>
<body>
</body>
</html>

常用标签

文本标签

1.标题标签

h1~h6：有不同大小的标题;<h 1>< /h1>…
结果展示：

2.段落标签

p标签：将一段文字分段(有换行的效果)；< p>< /p>
结果展示：
1.没分段结果：

2.有分段结果：

3.段落缩进标签
  • blockquote：大引用标签，对内容进行背景解释说明；< blockquote>< /blockquote>
    结果展示：


  • q标签：小引用标签（范围小）
    结果展示：

4.滚动标签

marquee标签，默认滚动的方向：从右到左
有以下属性：

1.表示滚动方式：behavior ：
交替滚动：scroll
滚动到某一边结束：slide
来回滚动：alternate
2.给标签指定背景颜色： bgColor属性（html标签）
3.滚动标签滚动的次数：loop
4.滚动方向：direction：left， right …
5.设置滚动的速度:scrollamount

代码展示：

<marquee behavior="alternate"
bgcolor="aquamarine" scrollamount ="15"direction="left">
喵喵喵喵喵喵~
</marquee>

结果：

5.原样输出标签

pre标签

6.上下标标签

版权所有：&copy
sub（下标），sup（上标）–常在数学公式中使用
转义字符：&nbsp；空格的特殊字符（代表两个空格）
注册商标：&reg（已经注册的）

7.列表标签

1.无序列表
ul：默认是一个圆点
属性：type：规定当前列表项的标记，可以换其他图案
li（列表项）

2.有序列表
ol：默认标记是1.2.3.4…
属性：type：规定当前列表项的标记：可以换ABC…或者其他
li（列表项）

3.组织架构列表
dl
dt
dd
< br />:换行
结果展示：

8.其他的文本标签
  • 粗体标签

strong标签：普通的加粗标签
b标签：带一种语义的粗体标签（强调）

  • 斜体标签

em标签
i标签：与em标签效果一样

  • 行内标签

span标签:表单验证时使用

  • 块标签

div标签：占一行
网页布局中会用到div，页面布局有两种方式：
1.早期的table布局
2.div+css：分层布局

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航