简单温习一下HTML的基本知识~

HTML:
是一种用来制作网页的标记语言,它不需要编译,直接由浏览器执行。
很多标签搭配在一起使用,便形成了语言,即超文本标记语言Hypertext Markup Language),HTML。

超文本:就是指页面可以包含图片、链接,甚至音乐、程序等非文字元素。

注释快捷键:
整行快速注释键:点击要注释的某一行,按下ctrl+/键,取消注释也是相同操作。
如果对特定的部分注释:鼠标左键按住选中要注释的部分,按下ctrl+shift+/键。

在书写HTML语言时,切记要使用英文标点符号!!!

HTML主体结构:
简单温习一下HTML的基本知识~_第1张图片
针对有乱码情况,在标签内加上用来设置文档的字符集。

在head头部内也可以加上一些别的 meta标签:
name 属性
“keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
在这里插入图片描述
“description"在网站的可视化页面中是不显示出来的,当然你可以通过【F12】审查元素,或者是【Ctrl+U】查看源代码功能查看特定页面的描述设置。
![在这里插入图片描述]在这里插入图片描述
接下来就是介绍body内常用的元素:
1.文本元素:
超链接: 注意:这是写在body内,并且是href!!!
加上target=”_blank"使浏览器总在一个新打开、未命名的窗口中载入目标文档
是指在本身这个网页窗口来打开新的网页链接

标签是一对的并且有/结束的是双标签,其中color是属性;red是属性值,属性值可以用单引号,双引号,推荐双引号,必须是英文的标点符号。
示例:
在这里插入图片描述
标签是单个则是单标签,可以以/作为结束的,也可以没有,但是为了书写规范,建议加上!。
示例:
在这里插入图片描述
字体加粗:

文本
或者
文本

斜体:

文本

或者

文本

下划线:

文本

文字删除线:

文本

换行符:


标题:

h1标题标签

...
h6标题标签

格式化:页面想要变成输入内写的样子就用格式化

按页面想要展示的样子书写

上标、下标标签:

x2=16
H2o   

段落标签:

文本

在这里插入图片描述
标签之间是可以相互嵌套使用的!
示例:
在这里插入图片描述
效果:
在这里插入图片描述

你可能感兴趣的:(html,html5)