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

THML第一天学习！的更多相关文章

20145213《Java程序设计》第一周学习总结
20145213<Java程序设计>第一周学习总结教材学习内容总结期待了一个寒假,终于见识到了神秘的娄老师和他的Java课.虽说算不上金风玉露一相逢,没有胜却人间无数也是情理之中,但娄 ...
20145330孙文馨《Java程序设计》第一周学习总结
20145330孙文馨 <Java程序设计>第一周学习总结教材学习内容总结刚开始拿到这么厚一本书说没有压力是不可能的,开始从头看觉得很陌生进入不了状态,就稍微会有一点焦虑的感觉.于是就 ...
20135328信息安全系统设计基础第一周学习总结（Linux应用）
学习计时:共xxx小时读书: 代码: 作业: 博客: 一.学习目标 1. 能够独立安装Linux操作系统 2. 能够熟练使用Linux系统的基本命令 3. 熟练使用Linux中用户管理命令/ ...
20145218《Java程序设计》第一周学习总结
20145218 <Java程序设计>第一周学习总结教材学习内容总结今天下午看了Java学习的视频,感觉很是新奇,之前觉得Java学起来是艰难枯燥的,但通过第一章的学习觉得如果自己可以 ...
《Java程序设计》第一周学习总结
20145224 <Java程序设计>第一周学习总结教材学习内容总结通过第一周的学习让我对Java有了个初步的了解,知道了Java分为Java SE.Java EE.Java ME三大 ...
《jave程序设计》第一周学习总结
<JAVA程序设计>第一周学习总结教材学习内容总结在第一周的学习中,我初次认识了JAVA程序的一些基础知识.我发现了很多问题问题就是自己的代码编写出现了一点问题,符号和单词的大小写都 ...
[未完成]WebService学习第一天学习笔记
[未完成]WebService学习第一天学习笔记[未完成]WebService学习第一天学习笔记
oldboy第一天学习
oldboy第一天学习一.听Alex Li 吹牛逼! 1.老男孩附加的功能.每节课都有鸡汤.节省时间,投资自己.结识更多的朋友. 2.python的创始人为吉多·范罗苏姆(Guido van Ros ...
20155304田宜楠2006-2007-2 《Java程序设计》第一周学习总结
20155304田宜楠2006-2007-2 <Java程序设计>第一周学习总结教材学习内容总结 - 浏览教材,根据自己的理解每章提出一个问题第一章除了书上提到的开发工具还有什么适合 ...

随机推荐

MBR分区表的备份与还原
MBR分区表的备份与还原 MBR分区的存储从下图可以看出,MBR分区前446字节是boot loader:接下来64字节是分区表:再然后就是三个主分区加一个拓展分区. 一.备份分区表,要跳过前446 ...
[综合] ISE的综合结果
1.count2 == 7‘d12,会被综合成下面这个样子, 7‘d12就是左边下面这根绿线,等于符号在中间的圆圈里. 2.什么线都不点的时候,也就什么也没被选中, 而一旦我点击了某根线,却发现图里到 ...
面试官问我：谈谈对Java GC的了解？回答完让我回家等消息....
JVM的运行数据区首先我简单来画一张 JVM的结构原理图,如下. 我们重点关注 JVM在运行时的数据区,你可以看到在程序运行时,大致有5个部分. 1.方法区不止是存“方法”,而是存储整个 clas ...
通过 position:fixed 实现底部导航
通过 position:fixed 实现底部导航 HTML <div id="footer">页脚</div> CSS #footer { clear: b ...
Java的String类详解
Java的String类 String类是除了Java的基本类型之外用的最多的类, 甚至用的比基本类型还多. 同样jdk中对Java类也有很多的优化类的定义 public final class S ...
痞子衡嵌入式：飞思卡尔Kinetis系列MCU启动那些事（10）- KBOOT特性(可靠升级)
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是飞思卡尔Kinetis系列MCU的KBOOT之可靠升级(Reliable Update)特性. 所谓可靠升级机制,即在更新Applica ...
InfluxDB 聚合函数实用案例
InfluxDB 聚合函数实用案例文章大纲 InfluxDB 简介 InfluxDB是GO语言编写的分布式时间序列化数据库,非常适合对数据(跟随时间变化而变化的数据)的跟踪.监控和分析.在我们的项目 ...
20191019-3 alpha week 2/2 Scrum立会报告+燃尽图 03
此作业要求参见https://edu.cnblogs.com/campus/nenu/2019fall/homework/9799 一.小组情况队名:扛把子组长:迟俊文组员:宋晓丽梁梦瑶韩昊 ...
Python练习100题
Python练习100题题目:有1.2.3.4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少? #Filename:001.py cnt = 0#count the sum of res ...
2019-9-28：渗透测试，phpstudy后门,利用复现
9月20号爆出Phpstudy存在隐藏后门,简单复现下后门效果该文章仅供学习,利用方法来自网络文章,仅供参考目标机:win7系统,安装phpstudy 2018版,php版本5.2或php 5.4 ...

THML第一天学习！

THML第一天学习！的更多相关文章

随机推荐

热门专题