zoukankan      html  css  js  c++  java
  • THML第一天学习!

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

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

      目前呢,我是打算跟着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

  • 相关阅读:
    团队开发冲刺第二阶段_1
    团队开发冲刺第一阶段_7
    mysql 官方集群
    Tomcat提高并发
    Percona XtraDB Cluster 5.7
    Mysql常用配置及优化
    Linux 常用命令
    数据库主从复制
    Linux 环境下Web环境搭建————ActiveMQ
    Linux 下Web环境搭建————redis
  • 原文地址:https://www.cnblogs.com/854594834-YT/p/10574834.html
Copyright © 2011-2022 走看看