Html入门学习笔记01—Html理解和table

很久很久以前学习html的笔记记录，很随意，但都是自己记录的，希望对需要的人有所帮助。

本文使用word2013编辑并发布

Postbird | There I am , in the world more exciting!

Postbird personal website : http://www.ptbird.cn

html

html 是什么

超文本标记（元素）语言，不需要编译，做静态网页。

可以在网页上显示文字，图像，视频。

htm 和 html 有什么区别：

如果一个网站有 index.html 和 index.html文件

为了兼容以前的DOS系统8.3的命名规范

远程访问的原理

涉及到http协议

 

html基本结构（标记和元素是同一个概念）

<!--注释-->

<html>

<head> hello </head>

<body>

<元素 属性1="属性值" 属性2="属性值"> 内容 </元素>

<元素 属性="属性值"/>

</body>

</html>

1 标记是成对出现

2 单标记 <br/>

案例见md、

<!--注释-->

<html>

<head > </head>

<body>

<b>横看成岭侧成峰</b><!--加粗--><br/>

<font color="red">远近高低各不同</font><br/>

<font size="5">不是庐山真面目</font><!--size(1-7)-->

<br/>

</body>

</html>

 

html 符号实体

 

超链接 a

如果希望跳转的页面在网络上 则href应当写完整的url（协议://url：端口/web应用名/资源文件）

<a href="url地址">名称</a>

<a href="mailto : li592312697@qq.com">邮件联系我</a><br/>

<!--url 统一资源定位-->

图片 img

< img src="本地路径/url" width="宽度" height ="高度" border="1px" alt="名称"></img>

border 边框

表格 table

在没有div和css 布局形成之前 使用table 布局和显示数据

<table border="1" width="400px" align="center" bordercolor="red" cellspacing =3 cellpadding=5>

<!--tr 表示一行-->

<!--th 定义表头-->

<!--td 表示一列-->

<tr align="center"> 横向

<tr valign="center"> 纵向

<td colspan=3> 占三列

<td rowspan = 2 >占两行

cellspacing边框之间

cellpadding字和边框之间

background="psb.jpg" 背景图片

 

 

posted @ 2016-05-09 16:22  testnullundefined  阅读(160)  评论(0)    收藏  举报