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> 柒禾 路神 </p>
<!--圆角输入法下的空格,帅的人一般不用-->
<p> 柒禾 路神 </p><br />
<!--大于号> 注:greater-than -->
>
<!--小于号 注:less-than -->
<
<!-- 引号 注:quotation-->
"
<!-- 版权符号 -->
©
<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程序设计>第一周学习总结 教材学习内容总结 - 浏览教材,根据自己的理解每章提出一个问题 第一章 除了书上提到的开发工具还有什么适合 ...
随机推荐
- PHP常用的header头部定义
<?php header('HTTP/1.1 200 OK'); // ok 正常访问 header('HTTP/1.1 404 Not Found'); //通知浏览器 页面不存在 heade ...
- Deepin 下 使用 Rider 开发 .NET Core
Deepin 下 使用 Rider 开发 .NET Core 国产的 Deepin 不错,安利一下. Deepin 用了也有一两年,也只是玩玩,没用在开发上面.后来 Win10 不太清真了,就想着能不 ...
- Linux关机、重启、退出
序号 命令 说明 1 shutdown -h now 立即关机 2 shutdown -h +10 "请各位退出" 十分钟后关机,同时广播通告“请各位退出” 3 shutd ...
- opencv 2 Opencv数据结构与基本绘图
基础图像容器Mat Mat 是一个类,又两个数据部分组成:矩阵头(包含矩阵尺寸,存储方法,存储地址等信息)和一个指向存储所有像素值的矩阵(根据所选存储方法不同,矩阵可以是不同的维数)的指针.矩阵头的尺 ...
- Winform-最大化窗口
设置winform窗体最大化,填满整个屏幕 this.WindowState = FormWindowState.Maximized;
- aws msk
1. 建立3个私网子网 2. 建立msk
- String类的详细
String str = new String("abc")创建过程 (1) 先定义一个名为str的对String类的对象引用变量放入栈中. (2) 然后在堆中(不是常量池)创建一 ...
- 20191107-5 beta week 2/2 Scrum立会报告+燃尽图 04
此作业的要求参见https://edu.cnblogs.com/campus/nenu/2019fall/homework/9957 一.小组情况 队名:扛把子 组长:孙晓宇 组员:宋晓丽 梁梦瑶 韩 ...
- cognos服务器性能测试诊断分析优化过程记录
前段时间客户方一个系统上线后出现性能问题,就是查询报表的时候出现宕机现象,应项目组要求过去帮忙测试优化问题. 该项目的架构相对比较复杂,登录后要先进行认证服务器认证用户然后登录到应用系统A,在跳转到 ...
- /etc/security/limits.conf配置文件详解
这个文件主要是用来限制用户对系统资源的使用.是/lib64/security/pam_limits.so模块对应的/etc/serurity/pam_limits的配置文件. # /etc/secur ...