首页 > 代码库 > day2
day2
复习：
Web三要素：
（1）Server
（2）Client/browser
（3）http/https
HTML语法
<b>hello</b>
<br>
<i>....</i>
<font color=”red” id=”” class=””style=”” title=””>
HTML文档的基本结构
2.HTML元素类型：
（1）区块元素（block）
（2）内联元素（inline）
所有的HTML标签
|
标签名 |
含义 |
常用属性 |
类型 |
|
Html |
|
|
|
|
Head |
|
|
|
|
Title |
|
|
|
|
<meat/> |
定义网页的元数据 |
|
|
|
body |
|
|
|
|
<b></b> |
文本加粗，描述样式 |
在XHTML中已废弃 |
|
|
<strong></strong> |
文本加粗，描述语义 |
Xtml中代替<b> |
|
|
<i></i> |
文字斜体显示描述样式 |
在xhtml已经废弃 |
inline |
|
<em></em> |
文本斜体显示描述语义 |
|
|
|
<u></u> |
下划线描述样式 |
|
|
|
<s></s> |
Strike 删除线 描述样式 |
|
|
|
<sub></sub> |
下标字，描述样式 |
|
|
|
<sup></sup> |
上标字，描述样式 |
|
inline |
|
h1,h2.....h6 |
Header,标题字描述语义
|
注意：标题字在不同的浏览器中的默认字体高度，间距都是不一样的 |
|
|
<p></p> |
文章的段落， |
|
|
|
<span></span> |
行内分区工具， 跨距是一个最简单的inline元素 |
必须配有CSS或者js才有效果 |
|
|
<div></div> |
元素分组工具 ，常用于页面布局内容分层 |
|
|
|
<pre></pre> |
使用源代码的中效果呈现内容 |
|
block |
|
<img/> |
通知浏览器应该向发起一个图片请求 |
|
|
Meta data：元数据 --描述数据的数据
Bookname price authorphne
Tom 38 6565
HTML转义字符：
基本格式：&xxxx；
< <；
> >；
空格
& 用&
? ?
HTML注释:不需要浏览器处理或显示，可用于以后的调试或者代码读取方便
<!-- --> 注释不能嵌套
文本样式标记
页面布局的三种方式：
（1）table布局 过时
（2）Div+css 当前主流
（3）Html5布局标签 未来趋势
day2