html标签总结 学生个人网页制作html
大家好，如果您还对html标签总结不太了解，没有关系，今天就由本站为大家分享html标签总结的知识，包括学生个人网页制作html的问题都会给大家分析到，还望可以解决大家的问题，下面我们就开始吧！
HTML标签分类总结
要回家了有点按捺不住心里的躁动，来点简单轻松的话题。
这是个有趣的问题，应该有不少人搜过，我也搜过。出现这个问题主要还是滥用块级元素，或者是不会使用一些小技巧。举个例子，有时候我们想实现如下表单效果：
但有时候写着写着会变成下面的样子：
按我从以前遇到过情况来说，出现上面的情况的原因，可能有2个：
第一，就是可能在某个地方<label>被设置块级元素包住了
解决方法：在外部样式使用 display: inline-block
第二，就是<label>的样式使用了 display: block
所以如果以后在写表单的时候，出现这个问题，可以从上面2个方向去查找原因，以及找出相应的解决方法。
（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html>标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。使用<!Doctype>会让文档中的所有盒子模型以w3c标准盒子模型呈现。
（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
在HTML与CSS的标准化未完成之前，各个浏览器对于HTML和CSS的解析有各自不同的实现，而有很多旧的网页都是按照这些非标准的实现去设计的。在HTML与CSS标准确定之后，浏览器一方面要按照标准去实现对HTML与CSS的支持，另一方面又要保证对非标准的旧网页设计的后向兼容性。因此，现代的浏览器一般都有两种渲染模式：标准模式和怪异模式。在标准模式下，浏览器按照HTML与CSS标准对文档进行解析和渲染；而在怪异模式下，浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。这样的话，对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；对于新的网页，则可以启动标准模式，使得新网页能够使用HTML与CSS的标准特性。
Reference1- h5新增标签
Reference2- HTML元素分类
Reference3- html标签分类及常用元素
Reference4- HTML5常用标签分类
归纳总结学习了哪些html标签和css属性
一、html的文档结构
doctype文档类型
Strict：包含所有 HTML元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
Transitional：包含所有 HTML元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
Frameset：等同于Transitional但允许框架集内容。如果要写框架就要声明这一种。
head
title：浏览器工具栏中的标题、页面被添加到收藏夹时显示的标题、显示在搜索引擎结果中的页面标题
meta：元数据不会显示在页面上，但是对于机器是可读的。
规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta>标签始终位于 head元素中。
元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web服务。
style：标签用于为 HTML文档定义样式信息。
body主要就是div和各类标签
二、用div来控制布局
布局原则：从大到小、从上到下、从左到右
盒子模型：有宽（width）高（height），有边框（border）、有外边距（margin）、有内边距（padding）
浮动布局：div可以”飘“起来（float）、也可以清除浮动（clear）
自己可以尝试用简单的div+背景色，来试着布局，增强自己的”大局观“。
三、用CSS来控制显示效果
先了解各类选择器：di、class、标签、派生、伪类、通配
再了解各类效果如何控制
段落控制
text-align文本水平对齐设置
text-decoration划线方式
letter-spacing文本中单字的间隔
text-transform大小写转换
文字控制
color颜色设置 font-style斜体设置 font-weight文字粗细 font-size文字大小 font-family文字字体
背景控制
background-color颜色
background-image图片
background-repeat图片平铺
background-attachment滚动
background-position图像在背景中的位置
CSS的引入方式：页内style标签、外部CSS文件、行内style标签、import导入
CSS的初始化
原因：浏览器对元素有默认的CSS参数，且可能不一致，导致浏览器之间显示效果不一样
解决方法：统一对常用元素常用CSS参数，手动设定统一效果
四、html标签
无语义标签：div、span
有语义标签
h1-h6标题
p段落
img图片
a超链接和锚点
ul无序列表
ol有序列表
table表格
请写出至少20个html标签,并说说各个标签的功能或作用。
Basic tags基本标签
<html></html> Creates an HTML document创建一个HTML文档
<head></head> Sets off the title and other
information that isn't displayed
on the Web page itself设置文档标题以及其他不在WEB网页上显示的信息
<body></body> Sets off the visible portion of
the document设置文档的可见部分
Header tags
标题标签
<title></title> Puts the name of the document
in the title bar将文档的题目放在标题栏中
Body attributes
文档整体属性
<body bgcolor=?> Sets the background color,
using name or hex value设置背景颜色，使用名字或十六进制值
<body text=?> Sets the text color, using
name or hex value设置文本文字颜色，使用名字或十六进制值
<body link=?> Sets the color of links,
using name or hex value设置链接颜色，使用名字或十六进制值
<body vlink=?> Sets the color of followed
links, using name or hex value设置已使用的链接的颜色，使用名字或十六进制值
<body alink=?> Sets the color of links on click设置正在被击中的链接的颜色，使用名字或十六进制值
Text tags
文本标签
<pre></pre> Creates preformatted text创建预格式化文本
<h1></h1> Creates the largest headline创建最大的标题
<h6></h6> Creates the smallest headline创建最小的标题
<b></b> Creates bold text创建黑体字
<i></i> Creates italic text创建斜体字
<tt></tt> Creates teletype, or
typewriter-style text创建打字机风格的字体
<cite></cite> Creates a citation, usually
italic创建一个引用，通常是斜体
<em></em> Emphasizes a word(with italic
or bold)加重一个单词（通常是斜体加黑体）
<strong></strong> Emphasizes a word(with italic
or bold)加重一个单词（通常是斜体加黑体）
<font size=?></font> Sets size of font, from 1 to 7设置字体大小，从 1到 7
<font color=?></font> Sets font color, using name or
hex value设置字体的颜色，使用名字或十六进制值
..........
看参考资料吧很全
关于html标签总结到此分享完毕，希望能帮助到您。