HTML简介
HTML 包含了HTML 标签及文本内容,允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示
1、 HTML( HyperText Markup Language ) :一种在 Web 上使用的通用标记语言
2、 标记语言 :是一套标记标签,使用标记标签来描述网页
必有元素(每一个Html页面必定含有以下元素,格式如上)
!DOCTYPE html - 声明为 HTML5 文档 (若不加,则适配存在问题)
html 元素 - HTML 页面的根元素 (首尾标签)
head 元素包含了文档的元(meta)数据,如 meta charset=“utf-8” 定义网页编码格式为 - utf-8 (meta标签可以拥有多个,这里我们为防止乱码只声明了编码格式)
title 元素 - 描述了文档的标题 (网页顶部的页面名称)
body 元素 - 包含了可见的页面内容 (主题页面书写区域)
扩展元素( 因人而异 )
span 元素 - body内的标签自己书写即可,我只是为了不空旷,才写了一行文字
HTML元素分类
HTML 可以通过 div 和 span 将元素组合起来
区块元素
块级元素在浏览器显示时,通常会以新行来开始(和结束)
常见块级标签
div、h1、p、ul、table
内联元素
内联元素在浏览器显示时,通常不会以新行开始
常见内联标签
span、b、td、 a、img
所以标签在我们的编程里面是十分重要的,所以学习标签变得十分的重要,也是我们学习前端HTML的基础所在。多余的话就不说,现在就开始介绍我们的HTML标签。如图表下。
标签 描述
<a> 超链接
<b></b> 字体加粗
<br> 换行(相当于回车)
<button></button> 按钮
<caption></caption> 表格的标题
<div></div> 文档中的分区或节
<dl></dl> 定义列表
<dt></dt> 定义列表项目
<dd></dd> 定义列表中项目的描述
<em><em> 强调文本
<form></form> 定义供用户输入的 HTML 表单。(当需要数据库传输到页面的时候,这个标签很有用)
<h1></h1>到<h6></h6> 定义标题的大小,h1到h6,标题不断变大
<hr></hr> 水平线
<i></i> 斜体
<img> 定义图像
<input></input> 定义输入控件
<label></label> 定义 input 元素的标注
<li></li> 定义列表的项目
<link> 定义文档与外部资源的关系
<ol></ol> 有序列表
<ul></ul> 无序列表
<option></option> 定义选择列表中的选项
<p></p> 段落
<script></script> 定义客户端脚本(JavaScript)
<select></select> 定义选择列表(下拉列表)
<span></span> 定义文档中的节
<strong></strong> 强调文本
<style></style> 定义文档的样式信息
<table></table> 定义表格
<td></td> 定义表格中的单元
<th></th> 定义表格的表头单元
<tr></tr> 定义表格中的行
在这上面的表格当中,我为大家列举了主要的一些标签,这些标签时平时主要使用到,至于其他,如果有需要的人可以到最新HTML标签中查看你想要的标签。
如果细心的人可以发现一个问题,就是有些标签是成对存在,有些标签是孤零零的,这就是我要说的,html中的标签分为双标签和单标签,主要是以双标签为主。