HTML基本知识点

简介: HTML基本知识点

超文本标记语言(简称:html):用于构建网页的标准标记语言

(注:不是编程语言,而是标记语言)

1.html文档的后缀名:.html 或 .htm (这两个无区别)

2.html的大框架:

1f303e5d298d402a97ad641ac9927ecc.png

注:大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。即<meta charset="utf-8">

<! DOCTYPE html>声明为html5文档(声明不区分大小写)

<html>元素是HTML页面的根元素

<head>元素包含文档的元数据

<title>元素描述了文档的标题

<body>元素包含了可见的页面内容

760c4274afc849a3954b1dd501f7a7df.png

3.HTML标签:

  • HTML标签是由尖括号包围的关键词,比如<html>
  • HTML标签通常是成对出现,比如<html></html>
  • 标签对中的第一个标签是开始标签第二个是结束标签
  • 开始和结束标签也称为开放标签和闭合标签

例:

<h1>这是一个标题<h1>

常见标签:

标题:

  1. <h1></h1>
  2. <h2></h2>
  3. <h3></h3>
  4. <h4></h4>
  5. <h5></h5>
  6. <h6></h6>

(从h1~h2标题字体大小依次变小,即h1最大,h6最小)

段落:<p></p>

链接:<a></a>

换行标签:<br>(单标签,没有结束标签)

图片标签:<img>(单标签,没有结束标签)

插入水平线:<hr>(单标签,没有结束标签)

文本格式化标签:

  1. <b></b>定义粗体文字
  2. <strong></strong>定义加重语气
  3. <em></em>定义着重文字
  4. <i></i>定义斜体文字
  5. <small></small>定义小号字
  6. <big></big>定义大号字
  7. <sub></sub>定义下标字
  8. <sup></sub>定义上标字
  9. <ins>定义插入字
  10. <del>定义删除字

对空行和空格进行控制:<pre></pre>



目录
相关文章
|
前端开发
详解HTML的盒模型以及HTML相关知识点
详解HTML的盒模型以及HTML相关知识点
72 0
|
前端开发 数据安全/隐私保护
HTML内容部分知识点
HTML内容部分知识点
|
6天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
18 1
[HTML、CSS]知识点
|
5月前
|
JavaScript 前端开发 数据安全/隐私保护
HTML基础知识详解(下)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
HTML基础知识详解(下)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
|
1月前
|
Web App开发 前端开发 搜索推荐
HTML一些基础知识点
HTML一些基础知识点
|
2月前
|
存储 移动开发 前端开发
「offer来了」面试中必考的15个html知识点
该文章汇总了前端面试中常见的15个HTML知识点,涵盖了从HTML文档的规范书写、doctype声明的作用到新兴的HTML5标签应用及移动端viewport设置等内容,旨在帮助求职者更好地准备相关技术面试。
「offer来了」面试中必考的15个html知识点
|
3月前
|
移动开发 前端开发 搜索推荐
HTML基础知识点
HTML基础知识点
40 2
|
5月前
|
前端开发
HTML基础知识详解(中)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
HTML基础知识详解(中)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
|
5月前
|
前端开发 容器
HTML基础知识详解(上)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
HTML基础知识详解(上)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
|
5月前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
49 1