html-day1-个人学习笔记
常用的 DOCTYPE 声明(告诉浏览器按什么标准解析代码)
HTML5
该DTD为最新版本,对代码要求宽松,特点简洁干净。(要求会背)
<!DOCTYPE html>
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性,对代码要求严格,不允许框架集(Framesets)。(要求看得懂)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性,对代码要求宽松,不允许框架集(Framesets)。(要求看得懂)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。(要求看得懂)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
关于name(元数据标记,有利于摘取到网页,搜素引擎)
<meta name="keywords" content="HTML,ASP,PHP,SQL"/>关键词 <meta name="author" content="李木庆"/>作者 <meta name="description" content="这是一个神奇的网页"/>描述
字符编码类型:utf-8,GB2312,BIG5(用utf-8,多语言集合,外国友人可以浏览,不用安装简体中文)
<meta charset="utf-8"/>
http-equiv 属性:refresh刷新,3为秒数,url不加时自动刷新。
<meta http-equiv="refresh" content="3;url=http://www.sohu.com"/>
转义字符
  空格键
© 出版社
& reg 商标
< <
> >
元素
<meta /> 关闭标签,不影响下一个标签
<br/> 单标记,换行
<nobr>.....</nobr> 双标记,强制不换行
<span>....</span> 不换行分区
<b>...</b> 强调
<i>.....</i> 斜体
<u>....</u> 下划线
<s>....</s> 删除线
<sub>..</sub> 下标
<sup>..</sup> 上标
块级元素与行内元素
块级元素特点:独占一行,不能与其他任何元素并列,能接受宽高,如果不设置宽高,那么宽度将默认变为父级的100%
块级元素有div、li、dd、h、dt等容器级标签,以及p这个文本级标签
行内元素特点:与其他行内元素并排,不能设置宽高,默认的宽度就是文字的宽度。
行内元素有span、a、b、i、u等文本级标签
行内元素和块级元素之间的转化
display:block|inline|inline-block
block可将行内元素转化为块级元素
inline可将块级元素转化为行内元素
inline-block可将元素转化为行内块元素,既能设置宽高,又能在一行中并排几个元素