欢迎使用CSDN-markdown编辑器

最新推荐文章于 2021-01-07 23:01:28 发布

最骚的就是你

最新推荐文章于 2021-01-07 23:01:28 发布

阅读量614

点赞数

分类专栏： web前端学习

本文链接：https://blog.csdn.net/libin_1/article/details/48209453

版权

web前端学习专栏收录该内容

301 篇文章 2 订阅

订阅专栏

html5 初探1：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>第一个网站</title>
    </head>
    <body>
        学习1
        <font style="font-size:111px" color="red">hello world</font>
        <h1>hello&reg;world</h1>
        <h1>δ</h1>
        <br />
        <b> <font size="7" color="blue">hello world</font></b><br />
        <a href="www.baidu.com" target="_self">aaaaaaaa</a><br />
        <br />
        <img src="https://www.baidu.com/img/bd_logo1.png" width="380px" border="5" />
        <br />
        <table border="5" align="center" width="888px" bgcolor="royalblue" cellspacing="7" bordercolor="1" cellpadding="15PX">
            <tr align="center"> 
                <td>bbbbbbbbbb1</td>
                <td>aaaaaaaaaa2</td>
                <td>bbbbbbbbbb2</td>
            </tr >
            <tr align="center"> 
                <td>bbbbbbbbbb1</td>
                <td>aaaaaaaaaa2</td>
                <td>bbbbbbbbbb2</td>
            </tr>
            <tr align="center"> 
                <td>bbbbbbbbbb1</td>
                <td>aaaaaaaaaa2</td>
                <td>bbbbbbbbbb2</td>
            </tr>
        </table>    
    </body>
</html>

html5 表格1：

第一个网站

星期一菜谱
荤菜	茄子	青椒
	青菜	豆腐
土豆	荤菜	豆角
豌豆
豌豆

HTML5 表格（课程表）：

第一个网站

课程表	工作日					周末
星期	星期一	星期二	星期三	星期四	星期五	星期六	星期日
上午	数学	音乐	语文	英语	生物	计算机	上自习
	化学	物理	地理	政治	美术
	美术	英语	语文	数学	体育
	数学	体育	英语	生物	化学

        <tr align="center">
            <td rowspan="2">上午</td>
            <td >数学</td>
            <td >音乐</td>    
            <td >语文</td>    
            <td >英语</td>
            <td >生物</td>    
            <td rowspan="4">计算机</td>
            <td rowspan="4">上自习</td>    
        </tr> 
        <tr align="center"  >
            <td >化学</td>
            <td >物理</td>
            <td >地理</td>    
            <td >政治</td>    
            <td >美术</td>
        </tr> 

    </table>  
</body>

HTML5 添加背景图片：

body
{
background: #ff0000 url(img/QQ图片20150821075230.ico) no-repeat fixed center ;
}
p.bottommargin
{
margin-bottom: 205px;
color: black;
border: solid thick green;
}

This is a paragraph with no margin specified

This is a paragraph with a specified bottom margin

This is a paragraph with no margin specified