HTML是一种超文本标记语言，除了基本的html标签，head标签，title标签，body标签格式，还有包含如下常用的标签
块级标签（独占一行）
1.<h>标题标签
2.<p>段落标签
属性:align水平对齐
3.列表标签
无序列表<ul>，<li>
有序列表<ol>,<li>
定义列表<dl>,<dt>
4.<div>盒子
5.<form>标签
行内标签（可多个标签存在一行中）
1.<span>文本标签
2.<a>链接标签
3.<b>标签
4.<em>斜体标签
5.文本修饰标签
<i>斜体标签
行内块标签（可以对宽高属性值生效，多个标签可以共存一行中）
1.img
2.input
3.textarea
1、块状元素：
块级元素是指本身属性为display:block的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建。
布局上：独占一行，可以容纳内联元素和其他块元素
样式上：设置width、height有效，可以设置盒子模型的相关css属性，
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下，块级元素的高度是它本身内容的高度
2、 行内元素：
内联元素是指本身属性为display:inline的元素。因为它自身的特点，我们通常使用块级元素来进行文字、小图标（小结构）的应用。
布局上：和其他元素从左到右在一行排列，只能容纳文本或者其他内联元素（不要在内联元素中嵌套块级元素）
样式上：不能直接控制width、height，只能使用盒模型部分属性，如padding、line_height、margin-left、margin-right。
内联元素的宽高是由本身内容的大小决定（文字、图标等）
3、 行内块状元素：尽可能少的占用横向空间，和其他元素都在一行上；可以设置width、height、margin、padding等盒模型相关属性。
*常用：img、input、td。
display:block；(将元素变为块级元素)
display:inline； (将元素变为行级元素)
display：inline-block；（将元素变为行级块元素）
a. 块元素特立独行；内联元素随波逐流。
b.块元素通常用作网页的主要构建模块，而内联元素常用来标记小段内容（修饰文本）
c.设计一个页面时，一般从较大的块开始 ，然后完善页面的时候再加入内联元素。
d. 对标签能够清晰的分类，掌握标签的特性，在选择标签时避免犹豫不决，提高布局效率。
HTML5新结构标签
HTML5-新的属性语法
HTML5图形
HTML5音视频标签
对本地离线存储的更好的支持
新的表单控件，比如 calendar、date、time、email、url、search
移除的元素：
纯表现的元素：basefont，big，center，font, s，strike，tt，u
对可用性产生负面影响的元素：frame，frameset，noframes；
支持HTML5新标签 ： IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。当然也可以直接使用成熟的框架、比如html5shim
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
1、在HTML基础中，单标签就是由一个标签组成的。例如<br>、<hr>、<img>、<input>、<param>、<meta>、<link>。
2、而双标签则是由“开始标签”和“结束标签”两部分构成（这两部分是相同的）。例如<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>（双标签的一部分）。
据了解，HTML标签是HTML语言中最基本的单位，同时HTML标签还是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
扩展资料
HTML基础标签基于特性的分类
在HTML基础中，标签又被称为元素，根据标签特性可以分为块标签、行内(内联)标签和行内块标签。
1、块标签：默认情况下独占一行，宽度为父级的100%；支持设置宽高；支持上下左右的margin、padding值。
2、行内标签：与其他元素并列在一行；不支持设置宽高，宽度随内容撑开；支持左右方向的margin、padding。
3、行内块标签：与其他元素并列在一行；支持设置宽高；支持上下左右的margin、padding值。
参考资料：百度百科-html标签
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）