HTML学习总结

   前些天学习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 查询。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。