又迎来了新一轮的周末,学习的耗时光呀!这周呢学了一点点数据库,暂时还不想写下自己的感受(这学期在

学习数据库,等学期末的时候在总结一下数据库的相关学习)。

  目前呢,我是打算跟着sunck学习观python的一些大概内容,然后看看自己需要往哪一方面深入,内容还很多,需要加油。

  今天了解,学习了一些THML5的一些基本标签(比较基础),贴在这里记录下吧!

  

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>firstPage</title>
    </head>
    <body>
        柒禾路神
        
        
        
        <!-- 注释 -->
        
        <!-- 标题标签 一般用于写文章 一般用前面3级,共6级标签 -->
        <!-- 跳转至 -->
        <a href="#mao1"> 跳转锚点 </a>
        <h1>柒禾路神</h1>
        <h2>柒禾路神</h2>
        <h3>柒禾路神</h3>
        <h4>柒禾路神</h4>
        <h5>柒禾路神</h5>
        <h6>柒禾路神</h6>
        
        <!-- 换行标签 ,手动换行不生效-->
        柒禾路神<br />柒禾路神
        柒禾路神
         
        <!-- 段落标签 -->
        <p>   你好呀!我是柒禾路神    </p>
        <p>   你也好呀!我是路神柒禾   </p>
        
        
        <!-- 水平线标签 -->
            <!-- 设置锚点  -->
            <a name="mao1"></a>
        <hr />
        你也好!
        
        <br />
        <!-- 字体样式标签 -->
            <!-- 加粗  -->
                <strong> 柒禾路神 </strong><br />
                <b> 柒禾路神 </b> <br />
            <!--  倾斜  -->
                <em> 柒禾路神 </em><br />
                <i>  柒禾路神 </i><br />
        <!-- 特殊符号-->
            <!-- 空格标签 -->
            <p> 柒禾&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;路神 </p>
            <!--圆角输入法下的空格,帅的人一般不用-->
            <p> 柒禾       路神 </p><br />
            <!--大于号&gt   注:greater-than -->
            &gt;
            <!--小于号     注:less-than -->
            &lt;
            <!-- 引号 注:quotation-->
            &quot;
            <!-- 版权符号 -->
            &copy;
        <hr />
        
        <!-- 下面是图像标签 -->
        
            <img src="img/BaichuSound.jpg" alt="白初音"/ title="白初音" width="700" height="450"/>
    
        <!-- 链接标签 -->
            <br />
            <a href="https://www.baidu.com" target="_blank"> 百度一下 </a>
            <a href="img/fresh.jpg" target="_blank"> 美女哦  </a>
            <a href="https://www.baidu.com" target="_blank"> <img src="img/attractive.jpg" /> </a>
    
        <!-- 列表 -->
            <!-- 无序列表  ul 可以设置type-->
            <ul type="square">
                <li>柒禾路神</li>
                <li>路神柒禾</li>
                <li>鲁鲁修修鲁鲁</li>
                
                <!--标签嵌套标签-->
                <li><a href="img/BaichuSound.jpg"> 白初音</a></li>
                <li><a href="img/fresh.jpg"> freshGril</a></li>
                <li><a href=i"img/attractive.jpg"> attrativeGirl</a></li>
            </ul>
            
            <!--有序列表  ol 可以设置type-->
            <ol type="1">
                <li>柒禾路神</li>
                <li>路神柒禾</li>
                <li>鲁鲁修修鲁鲁</li>
                
                <!--标签嵌套标签-->
                <li><a href="img/BaichuSound.jpg"> 白初音</a></li>
                <li><a href="img/fresh.jpg"> freshGril</a></li>
                <li><a href=i"img/attractive.jpg"> attrativeGirl</a></li>
                
            </ol>
            
            <!--定义列表 dl-->
            <dl>
                <dt>学院</dt>
                <dd>电子工程</dd>
                <dt>学院1</dt>
                <dd>电子工程1</dd>
                <dd>电子工程2</dd>
            </dl>
            
            
        <!-- 表格 -->
        <!-- 对齐方式: alignment 水平对齐-->
        <!-- 垂直对齐: vertical alignment  一般不用-->
        <table align="center">
            <tr>
                <td>第1行第1列</td>
                <td>第1行第2列</td>
                <td>第1行第3列</td>
            </tr>
            <tr>
                <td>第2行第1列</td>
                <td>第2行第2列</td>
                <td>第2行第3列</td>
            </tr>
            <tr>
                <td>第3行第1列</td>
                <td>第3行第2列</td>
                <td>第3行第3列</td>
            </tr>
        </table>
            
        <!-- 跨行 rowapan 跨列 colspan -->
        <!-- border 边框最外面的厚度  -->
        <!-- bordercolor 边框颜色 -->
        <!-- cellspacing 行间距 -->
        <!-- cellpadding 字距线的上下距离 -->
        <table border="3" bordercolor="#A020F0" cellspacing="3" cellpadding="5" align="left">
            <tr>
                <th colspan="2">姓名</th>
                <th>年龄</th>
                <th>生日</th>
            </tr>
            <tr >
                <td colspan="3">第1行第1列</td>
                <td>第1行第2列</td>
            </tr>
            <tr>
                <td colspan="2">第2行第1列</td>
                <td>第2行第2列</td>
                <td rowspan="2">第2行第3列</td>
            </tr>
            <tr>
                <td colspan="2">第3行第1列</td>
                <td>第3行第2列</td>
            </tr>
        </table>
    </body>
</html>

 时间还比较早,继续学习基本的CSS语法,fighting!

 贴一个RGB颜色链接:http://tools.jb51.net/color/jPicker