HTML的初次学习

1.html (hypertext mark-up language)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音…  

<input type=”text” name=”xxx”/>

 标记==元素

HTML的基本格式:

<html>
<head></head>
<body></BODY>
</html>

2. 标记通常是成对出现 <head></head>

3. 单标记 <br/>

4.为了显示一些特别的字符HTML拥有一套字符实体:

说明:当我们在网页中有一些特殊字符时候,可以考虑使用字符实体(char entity),使用实体名称来代替特殊字符

5.HTML中的超链接

跳转链接:

<a href="http://www.baidu.com">跳转到百度</a><br/> <!--如果跳转的是外部链接,就如上面的添加一个外部的URL,如果是内部的把文件地址放入就行-->

邮箱跳转链接:

<a href="mailto: konghailei@yeah.net">联系管理员</a>

6.图片的插入:

<img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/>

7.Html的表格元素

在以前对网页布局要求不高的情况下,使用 table 布局(即使用表格来显示数据,同时用于布局)

这样一个表格:

菜单
素菜 小葱拌豆腐 调黄瓜
蒸菜   花生
荤菜 糖醋里脊 鱼香肉丝
烤全羊

 

牛肉

 

<html>
<body>
<
table border="1" align="center" bordercolor="#E76BFF" height="225px" cellpadding="1px" cellspacing="0px" width="400px" >
<!--align是一种对齐方式可以让表格center表示居中,right右对齐,left左对齐,border
表示表格的边框宽度,bordercolor表示边框颜色,height和width分别表示表格的高和宽,cellspacing是指表格中两个格子的间距,cellpadding表示表格中元素对表格的间距-->
<tr> <!--colspan="3" 表该列要占用三列,这个align表示格子中的元素居中--> <td align="center" colspan="3">菜单</td> </tr> <tr> <td rowspan="2">素菜</td>
<!--rowspan表示的是该列占两行-->
<td>小葱拌豆腐</td> <td>调黄瓜</td> </tr> <tr> <td>蒸菜</td> <td>花生</td> </tr> <tr> <td rowspan="2">荤菜</td> <td>糖醋里脊</td> <td>鱼香肉丝</td> </tr> <tr> <td>烤全羊 <img src="rou.jpg" width="70px" /></td> <td>牛肉</td> </tr> </table> </body> </html>

 总结:很多标签学习记不住,只有多多练习才能熟练,可以查看w3school帮助学习,不能上传文件就不弄了

 

posted @ 2017-03-02 18:36  晓风--残月  阅读(123)  评论(0编辑  收藏  举报