当前位置:首页 > Web开发 > 正文

HTML入门基本标签及HBuilder快捷键

2024-03-31 Web开发

HTML 指的是超文本标记语言,是一门具有特殊功能的文本 (Hyper Text Markup Language)

HTML 不是一种编程语言,而是一种标记语言 (markup language), markup 范围了超文本的组成形式

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页,HTML是网页的设计语言,由HTML语言编写的文件,以.html和.htm结尾的(后缀)。是由浏览器运行的。

HMTL基础标签介绍:

<!DOCTYPE>标签,,此标签没有结束标签,在html标签的上面,位于文档的第一行,<!DOCTYPE>不是html标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。

<html></html>标签,是一对成对标签,它限定了文档的开头和结束,其中还包括了头部标签<head></head>,和<body></body>标签。

<head></head>标签,头部标签,<head>即为网站头部开始,</head>为网站头部结束,head标签中,可以引入外部的css文件,和js文件,其中特有的tittle标签(成对标签)可以在浏览器标题栏上显示所需要的标题。

<meta charset="utf-8">,head中的标签,utf-8是一种字符编码,除此之外在国内网站常用的还有GB2312和GBK。GB2312和GBK主要用于汉字编码,utf-8是国际编码,防止乱码,实用性比较强。

<body></body>标签,定义文档的主体,body标签中包含了文档的所有内容(比如:文本标签,表格标签,图片,超链接等都是在body中实现的)。

常用标签:

  

    标签   功能  
  <hr />   水平分割线  
2   <br />   强制换行  
3   <p>...</p>   段落标签(自占一行,自带换行效果)  
4   <b>...</b>   文本加粗  
5   <strong>...</strong>   加粗标签(强调作用,更符合标准流)  
6   <font color="black" size="16" face="华文行楷">内容</font>   设置字体的颜色和大小,  
7   <s>...</s>   删除样式(html5弃用)  
8   <u>...</u>   下划线样式(html5弃用)  
9   <em>...</em>   表示强调语气,以斜体方式展现  
10   <i>...</i>   文字斜体,没有任何语意  
11   <a href="#"   target="_blank"  tittle="...">...</a>

  锚文本、超链接(引号内为跳转链接或者锚点位置内容), target="_blank",另起网页跳转,取消则本网页跳转,,tittle,鼠标悬停显示提示文字  
12   <h1>...</h1>......<h6>...</h6>   标题标签,按数字递增,字体依次变小,最大为h1,最小为h6(自占一行)  
13   内容<sub>12</sub>   下标,显示在右下角  
14   内容<sup>12</sup>   上标,显示在右上角  
15   <ins>...</ins>   表示插入的字符,表示方式,带下划线  
16   <del>...</del>   在字符上带一条删除线。删除样式  
17   <code>hello world<code>   表示此段是程序代码  
18   <pre>内容</pre>   预格式化。就是你敲在源码里是什么格式。在页面上就显示什么格式。一般跟code配合使用。  
19   <!--注释内容-->   注释标签,注释内容不会在浏览器中显示,主要用于开发人员对板块的划分与注释  
20   <font size="1-7" color="颜色" face="字体样式"></font>   规范文本标签,可以设置标签内文本大小,颜色,样式。(文本大小取值只有1-7,浏览器默认为3,高于7则取7)  

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/41546.html