9.新增的表单属性
前言
前端三件套:HTML5+CSS3+Javascript;今日简单总结一下HTML5。
一、HTML5是什么?
HTML指的是超文本标记语言,它是用来描述网页的一种语言。
二、结构中每个标签的含义
1.DOCTYPE:文档类型声明标签
这句代码的意思是:当前代码采用的是HTML5版本来显示网页。
注意:1、<!DOCTYPE>声明位于文档中的最前面,处于<html>标签之前。
2、<!DOCTYPE>不是一个HTML标签,它是文档类型声明标签。
2.lang语言种类
用来定义当前文档显示的语言。
1、en定义语言为英语
2、zh-CN定义为中文
3.meta标签
<meta>标签的charset属性规定HTML文档应该使用哪种字符编码。
charset常用的值有:GB2312、 BIG5 、GBK和UTF-8,其中UTF-8也被称为万国码。
4.其他标签
- <html>最大标签,根标签
- <head>文档的头部
- <title>网页标题
- <body>文档的主体
三、HTML常用标签
1.标题标签
HTML提供了6个等级的网页标题,<h1>-<h6>。
特点:1、加了标题的文字会变的加粗,字号也会依次变大。
2、一个标题独占一行。
2.段落标签和换行标签
<p>标签用于定义段落,它可以将网页分成若干个段落。
<p>一个段落<p>
换行标签<br/>能使某段文字强制换行。
3.文本格式化标签
语义 | 标题 | 说明 |
加粗 | <strong></strong>或<b></b> | 推荐使用<strong> |
倾斜 | <em></em>或<i></i> | 推荐使用<em> |
删除线 |
<del></del>或<s></s> | 推荐使用<del> |
下划线 | <ins></ins>或<u></u> | 推荐使用<ins> |
4.<div>和<span>标签
<div>和<span>是没有语义的,它们是一个盒子,用来装内容。
区别:1、<div>是用来布局,但是一行只能放一个<div>
2、<span>是用来布局,一行可以放多个<span>
5.图像标签和路径
1.图像标签
在HTML标签中,<img>标签用于定义HTML页面中的图像。
<img src="图像URL"/>