关于HTML的知识

16,101次阅读
没有评论

共计 1527 个字符,预计需要花费 4 分钟才能阅读完成。

一、HTML 的常用标签

1. 排版标签

排版标签主要和 css 搭配使用,显示网页结构的标签,是网页布局最常用的标签

1.1 标题标签

为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML 提供了 6 个等级的标题

   

一级标题

   

二级标题

   

三级标题

   

四级标题

   

五级标题

   

六级标题

注意:没有 h7 等,一个 html 页面中, 只能有一个 h1

2.2 段落标签

标签表示文本的段落,段落通常在文档中表示为文本块,会自动在其前后创建一些空白

文本内容

1.3 水平线标签

在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。


1.4 换行标签

在 HTML 中,用来设置文本强制换行显示

换行

 1.5 div 标签

是块级元素,独占一行,包裹独立的块内容时可以使用 div 元素

这是块内容

这是块内容

这是块内容

 

 

 1.6 span 标签

span 跨度 包裹文本文字都可以使用 span,

span 本身没有什么含义,可用作文本的容器,包含着文本内容,还可以通过对 span 标签对象设置不同样式实现我们要的美化效果。

注意:是行内元素

文本内容
文本内容
文本内容

1.7 排版标签总结

关于 HTML 的知识

2. 文本格式化标签

在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到 HTML 中的文本格式化标签,使文字以特殊的方式显示。

粗体   或  粗体     文本以粗体样式显示 

斜体 斜体   文本以斜体样式显示
删除线 删除线    文本以加删除线样式显示
下划线 下划线   文本以加下划线样式显示

注意:
strong、em、del、ins 标签 (推荐使用) 有语义,起到加重语气的效果;

b、i、s、u 标签是没有的语气;

3.img 标签

要想在网页中显示图像就需要使用图像标签,其基本语法格式如下:

4. 超链接标签

在 HTML 中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,其基本语法格式如下:

文本或图像

属性:

a.href(Hypertext  Reference 的编写)   意思是超文本引用,用于指定链接目标的 url 地址,当为标签应用 remI,E7 市 0 具有了超链接的功能.
b.target  用于指定链接页面的打开方式,其取值有_self 和_b1ank 两种,其中_self 为默认值,_blank 为在新窗口中打开方式。

 注意:
1. 外部链接需要添加 http://www.baidu.com
2. 内部链接直接链接内部灾面名称即可 比如%E9%A6%96%E9%A1%B5

%20%0A

3.%E5%A6%82%E6%9E%9C%E5%BD%93%E6%97%B6%E6%B2%A1%E6%9C%89%E7%A1%AE%E5%AE%9A%E9%93%BE%E6%8E%A5%E7%9B%AE%E6%A0%87%E6%97%B6%EF%BC%8C%E9%80%9A%E5%B8%B8%E5%B0%86%E9%93%BE%E6%8E%A5%E6%A0%87%E7%AD%BE%E7%9A%84href%E5%B1%9E%E6%80%A7%E5%80%BC%E5%AE%9A%E4%B9%89%E4%B8%BA”>

4. 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

5.icon 图标

   

添加 icon 图标

6. 特殊字符

 : 半角空格  全角空格

二、列表

1. 无序列表

原文地址: 关于 HTML 的知识

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-28发表,共计1527字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)