什么是HTML?
HTML的全称为超文本标记语言,是一种标记语言。
标签的基本语法?
分为单标签和双标签
单标签的基本语法:
<标签名字 属性="属性值" 属性="属性值">
双标签的基本语法:
<标签名字 属性="属性值" 属性="属性值"></标签名字>
常见的单标签有哪些:
图像标签:让图片显示在浏览器中
<img src="路径"/>
路径又分为相对路径和绝对路径
相对路径:
在同一目录下:img/图片.jpg 或者 ./img/图片.jpg
不在同一目录下时需要返回上一级目录:../img/图片.jpg
绝对路径:
从文件的根目录下:/img/图片.jpg
换行标签:强制让文本进行折行显示 br是break单词的间写
<br/>
水平线标签:一条从左到右的线,分割上下文
<hr/>
input输入框标签:type是输入框的类型选择
普通的文本输入框
<input type="text"/>
密码框:加密显示
<input type="password"/>
常见的双标签:
加粗:两个标签都能实现加粗,strong更加具有语义化,和强调性
<b>文本</b>
<strong>文本</strong>
倾斜:两个标签都能实现倾斜,em更加具有语义化,和强调性
<i>文本</i>
<em>文本</em>
下划线:两个标签都能实现下划线,ins更加具有语义化,和强调性
<u>文本</u>
<ins>文本</ins>
删除线:两个标签都能实现删除线,del更加具有语义化,和强调性
<s>文本</s>
<del>文本</del>
角标:用来实现一些特殊场景的效果, 例如单位, 化学方程式, 论文带有角标,注释等效果
上角标:<sup>文本/数字</sup>
下角标:<sub>文本/数字</sub>
div标签:div是一个比较大的盒子, 也可以称之为容器, 只不过这个容器比较大, 任何一个标签都可以称之为容器, 只不过是容器大小的问题
<div></div>
p标签:段落划分标签,文章的段落
<p>文本/文本修饰标签</p>
font标签:文本的修饰标签, 主要用于对文本的颜色, 大小, 字体进行修饰
<font size="文本大小" color="文本颜色" face="文本字体">文本</font>