首页 > 代码库 > html基础知识

html基础知识

2024-10-11 20:05:39   216人阅读


目录

  1. 什么是html
  2. html的文档结构
  3. html的常用标签

1.什么是html

html是超文本标记语言(HyperText Markup Language)。超文本表示可以链接文本 、图片、链接、音乐、程序等；标签表示html文件是各种各样的标签组成，其中包含单标签和双标签。单标签如<meta>，<hr>;双标签如<head></head>。

html的运行环境为浏览器，而浏览器是用来打开网页的，浏览器中我们见到的所有的网页本质上都是一个文本，而这文本又称之为 html。html文本的后缀名为.html.

注：html不是编程语言，而是标记语言

2.html的文档结构

下面为html文档的结构

 1 <!DOCTYPE html>
 2     <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>Document</title>
 6     </head>
 7     <body>
 8     
 9     </body>
10     </html>

 

文档声明

<!DOCTYPE html> html5文档声明头 ，想要完整的使用html5语法，必须使用 文档声明头，声明当前文件是html5文件。

<html></html>标签

定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。

<head></head>标签

头部，通常情况下，里面写的内容是对于当前网页的一些预定义信息设置。包含<meta>标签，<title>标签。

<meta charset="UTF-8"> 设定当前网页的编码格式 meta标签是一个单标签，通过charset 属性，将其属性值设置为需要 的编码，即可为当前的网页设置编码格式。次标签与网站的seo优化有关。

<title></title>,中间放网页标题。 通常情况下， tilte要放在meta字符集设置的下面，防止出现乱码

还可以放其他标签如<style>css代码</style>，

<body></body>标签

身体部分，网页里面要显示给用户看的内容，全部写在body标签里面

3. html的常用标签

带有语义的标签

  • <h></h>标签有h1~h6级标题标签
  • <p></p>段落
  • <hr>分割线
  • <br>换行
  • <em></em>表示强调
  • <strong></strong>表示强调，比em更重
  • <abbr> </abbr>定义缩写
  • <address> </address>定义地址元素
  • <blockquote> </blockquote>定义块引用，通常会产生缩进
  • <cite> </cite>引用某本书，进行说明
  • <ins> </ins>定义被插入文本
  • <del> </del>定义被删除文本

带有样式的标签，同时带有语义

  • <b> </b>定义粗体文本
  • <i> </i>定义斜体文本
  • <big> </big>定义大号文本
  • <small> </small>定义小号字体文本
  • <sup> </sup>上标文本
  • <sub </sub>下标文本
  • <bdo> </bdo>定义文本显示方向，属性dir,值为ltr,rtl

输出类标签

  • <pre></pre>原样输出
  • <code></code>定义代码文本
  • <kbd></kbd>定义键盘文本
  • <var></var>定义变量

功能类标签

  • <a></a>定义超链接或锚点
  • <ul> <li></li></ul>定义无序列表
  • <ol><li></li></ol>定义有序列表
  • <iframe></iframe>页面嵌套
  • <dl></dl> <dt></dt> <dd></dd>项目列表描述
  • <img>标签 属性有src="http://www.mamicode.com/1.jpg" alt="替代文本" width="宽" height="长"
  • <map></map>定义图像映射
  • <area></area>定义图像映射内部区域
  • <base></base>基础连接
  • <table></table>定义表格
    • <caption></caption> 表格标题
    • <th></th>表格页眉
    • <tr></tr>表格的行
    • <td></td>表格的单元格
    • <thead></thead>表格的头部
    • <tbody></tbody>表格的主干
    • <tfoot></tfoot>表格的尾部
  • <form></form>表单
    • <input></input>输入域。有type属性，alt属性，src属性，checked属性，disable属性等
    • <textarea></textarea>文本输入区，其属性有cols，rols，disabled，name，readonly
    • <button></button>按钮,其属性有type(reset,button,submit)，name，value，disabled
    • <select></select>下拉菜单，属性有disabled，multipe，name，size
    • <optgroup></optgroup>定义选项分组，有label属性和disabled属性
    • <option></option>定义下拉列表选项，属性有disabled，label，selected，value
    • <fieldest></fieldest>表单中相关元素分组
    • <legend></legend>定义分组标题

html基础知识


联系
我们