html5教程———HTML5常用标签 前段大G > 首页 > html5标签教程 >

html5教程———HTML5常用标签

HTML5常用标签

1.结构标签 
1.1

html 标签是整个 html ⽂件的根标签(最顶层标签)
head 标签中写⻚⾯的属性.
body 标签中写的是⻚⾯上显示的内容
title 标签中写的是⻚⾯的标题.

2.标题标签
2.1

      <h1>一级标题</h1>

      <h2>二级标题</h2>

      <h3>三级标题</h3>

      <h4>四级标题</h4>

      <h5>五级标题</h5>
      <h6>六级标题</h6>


3.段落标签
3.1

              可以把 HTML 文档分割为若干段落的标签。该标签通常表现为一整块与相邻文本分离的文本,或以垂直的空白或以首行缩进。在网页中要把文档有条理地显示出来,离不开段落标签,就如同我们平常写文章一样,整个网页也可以分为若干个段落,而段落的标签就是HTML文档中的最常见的标签,默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。

4.换行标签
4.1

              换行标签是<br/>。br作为英文是“barterrabbet”的缩写,有“换行”的意思,在html中作为标签也是起到换行的作用。标签有三种写法都不会报错,即<br>、</br>、<br/>这三种写法。在xhtml中,像<br>类似的单标签都需要使用“/”来自身关闭。如:<br/>,是没有</br>这样的写法的但是在html中这样写也是不会报错的。虽然这三种写法都可以,但是建议写成<br>或者<br/>更严谨。HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。


5.水平线
5.1 

            HTML中有一个比较特别的标签,叫做水平线,写作<hr>。该标签可以在网页上显示一条横线,一般用来分隔不同的网页内容使用方法很简单


在需要分割的地方,添加一个<hr>标签即可。


6.常用文本格式化标签
6.1
            

              粗体标签
              斜体标签
              中划线标签
              下划线标签

              上标标签

              下标标签
              大字号标签
              小字号标签

7.图像标签
7.1
          
<img>标签也叫图片标签。<img>标签用来在网页中插入图片。

           img是image的缩写。
           <img>标签有个src属性,src是source的缩写。
           src属性的值是找到这个图片的路径,也就是图片的存储目录和完整文件名。
           比如我有一个故宫的图片,图片名字和后缀叫做:gugong.jpg
           这张图片放在images这个文件夹中,所以这张图片的路径就是:
           images/gugong.jpg
           那么要在网页中插入这张图片,<img>标签就这么写:
           <img src="images/gugong.jpg">


8.链接标签
8.1
             1.场景:点击之后,从一个页面跳转到另一个页面     超链接


             2.称呼:a标签、超链接、锚链接

             3.代码:

 


             4.特点:

   
             双标签,内部可以包裹内容
   
             如果需要a标签点击进去指定页面,需要设置a标签的href(跳转地址)属性

             ps:当开发网页初期,不知道跳转地址啊的时候,href的值书写"#"(空链接)  

             二、链接标签的target属性

             1.属性名:target

             2.属性值:目标网页的打开方式

 

这篇html5教程———HTML5常用标签,文章就结束了,有不懂的地方可以联系站长。希望每个前端人员都有可以找到一个好工作,谢谢观看,祝您生活愉快。

前端大G 2023-12-04 11:12 文章点击量: 作者:【前端大G

文章标签: HTML,常用,标签,结构,标签,1.1,html,是,整个

上一篇:没有了
下一篇:html5语言———新元素标签与使用方法