HTML学习笔记——HTML常用标签

目录

HTML常用标签

!DOCTYPE

<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。

<!DOCTYPE html>

这句代码的意思是:当前页面采取的是HTML5版本来显示网页。

注意:

1.<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前。

2.<!DOCTYPE>不是一个HTML标签,它就是文档类型声明标签。

html lang="zh-CN"

告诉浏览器或者搜索引擎这是一个英文网站.本页面采取英文来显示

字符集

<meta charset="UTF-8"/>

字符集是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8"编码,尽量统一写成标准的“UTF-8”,不要写成“utf8"或“UTF8"。

段落标签

<p>

段落之间会有段间距。

换行标签

<br/>

行之间保持行间距。

加粗,斜体,下划线,删除线

语义 标签 说明
加粗 <strong></strong>或者<b></b> 更推荐使用<strong>标签加粗语义更强烈
倾斜 <em></em>或者<i></i> 更推荐使用<em>标签加粗语义更强烈
删除线 <del></del>或者<s></s> 更推荐使用<del>标签加粗语义更强烈
下划线 <ins></ins>或者<u></u> 更推荐使用<ins>标签加粗语义更强烈

divspan标签

<div><span>是没有语义的,它们就是一个盒子,用来装内容的。

<div>这是头部</div>
<span>今日价格</span>

div是division的缩写,表示分割、分区。span意为跨度、跨距。
特点:

1.<div>标签用来布局,但是一行只能放一个<div>。大盒子

2.<span>标签用来布局,一行上可以多个<span>。小盒子

图像标签

图像标签的src属性是必须要写的。

属性 属性值 说明
src 图片路径 必须属性
alt 文本 替换文本。图像不能显示的文字
title 文本 提示文本。鼠标放到图像上,显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细
上一篇:2018-Guillaume-Interactive Generation of Time-evolving, Snow-Covered Landscapes with Avalanches


下一篇:整理一些vue elementui 问题 + 链接方法