首页 > Web开发 > 详细

HTML的初次学习

时间:2017-03-02 19:38:22      阅读:210      评论:0      收藏:0      [点我收藏+]

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帮助学习,不能上传文件就不弄了

 

HTML的初次学习

原文:http://www.cnblogs.com/konghailei/p/6491984.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!