首页 > Web开发 > 详细

HTML学习总结

时间:2015-04-10 21:36:50      阅读:304      评论:0      收藏:0      [点我收藏+]

   前些天学习HTML,还未涉及到css的内容,只是大致了解下网页的构成,怎么添加文字、图片、链接。现将需要记的内容记录如下:

 

1.     网页源码的基础构架

 

1 <html>
2   <head>
3     <meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
4     <title>题目</title>
5   </head>
6   <body>
7     <P>网页内容</P>
8   </body>
9 </html>

在title里的内容会出现在浏览器或者标签的标题里,而并非网页内部;

网页内部的东西在body里编辑;

文字,图片,横线,表的插入位置目前为止是从上到下的。

 

2  

占位符(空格) &nbsp; 

字符”<”用字符串”&lt”表示;

字符”>”用字符串”&gt”表示;

版权&copy;

注册商标&reg;

 

3

width  [w?dθ]  宽度
height [ha?t]   高度

注意发音   (视频里老师的发音是错的)

 

4

表格

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>表格的使用</title>
    </head>
    <body>
        <table width="600" height="500"  border="1" cellpadding="10" cellspacing="0" bgcolor="#eeeeee" background="images/bg2.gif" align="center">
            <tr>
                <td>单元格里的文字</td>
                <td>第二列</td>
            </tr>
            
            <tr>
                <td>第二行</td>
                <td><img src="images/baidu.jpg" /></td>
            </tr>
        </table>
    </body>
</html>

列表

<html>
    <head>
        <meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
        <title>列表的应用</title>
    </head>
    <h2>这是表外h2</h2>
    <body> 
        <ul><h2>这是表内h2</h2>
            <li type="disc">第一列</li>
            <li type="circle">第二列</li>
            <li type="square">第三列</li>
            <li>第四列</li>
        </ul>
    </body>
</html>

其余细节可在 www.w3school.com.cn/index.html 查询。

 

HTML学习总结

原文:http://www.cnblogs.com/seventh/p/4415556.html

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