码迷,mamicode.com
首页 > 其他好文 > 详细

day2

时间:2017-07-15 20:31:16      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:通知   meta   tps   --   tle   使用   body   xxx   块元素   

复习:

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

标签:通知   meta   tps   --   tle   使用   body   xxx   块元素   

原文地址:http://www.cnblogs.com/zzbb/p/7184030.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!