鉴于我在这个博客上PS发稿之漫长,今天开始,多学一门语言叫,HTML.
鼓掌,噢耶~~~~
胡适先生说了,人生呢要少些苟且,高晓松也说了,人生不应该只有苟且,还有梦和远方。时间很多,时间很快,一切都应该越来越好的,所以从我学习HTML开始吧~~~
因为是初学呢,我没有用下载的框架,我认为这样对于初学会有更多的帮助,将来啊,更能驾轻就熟。
以下是我这两天的学习笔记。
1.HTML最初是一种排版语言。用来表达它是什么。
2.在所有的HTML编写第一行里都要输入<!DOCTYPE html>----文档类型为html.
3.一些标签如下:
<head>/</head> -----头部 这里面写的东西是给电脑看的,不出现在页面里。
<body>/</body>-------这里面的东西是会呈现在前端给人看的。
<tittle>/</title>------页面标题。写在head里面。
<p>/</p>------用于段落的分行,写在body里面。
<br>-----用于一行的换行,它是单独呈现,没有</br>
<h1>/</h1>、<h2>/</h2>、<h3>/</h3>、<h4>/</h4>、<h5>/</h5>、<h6>/</h6>-----分别表示第一第二第三第四第五第六标题,一个标题比一个标题小,电脑只能识别出六个。
<wbr>/</wbr>真对英文,如果这个单词太长,需要的话,可以自动被分开。
{
<hgroup>
<h1>/</h1>
<h2>/</h2>
</hgroup>
} --------连续的两个标记
<b>/</b>-----字体加粗
<i>/</i>------字体斜体
<b>/<i></i></b>-----嵌套使用,粗斜并用。
<tt>/</tt>------打字机字体。
<small>/</small>-----字体小点
<del>/</del>-----删去字体(字中间加下划线)
<ins>/</ins>-----加上字(字下加下划线)
<s></s>-------这些内容不被提倡使用,是过时的,但并没有删除。
<mark>/</mark>高亮效果
a2+b0-----a<sup>2</sup>+b<sub>0</sub>
短语格式
<em>/</em>-----强调(显示斜体)
<strong>/</strong>------着重
<dfn>/</dfn>-------定义(显示斜体)
<code>/</code>------这行源代码
<samp>/</samp>-------例子代码
<kbd>/</kbd>------用户输入(键盘)
<var>/</var>------变量
<cite>/</cite>------引用
特殊格式
<adress>----中间放多行,做地址,只用在每行后面放一个<br>就行了/</adress>
<q>/</q>----小引用
<blockquote>/</blockquote>----缩进
<pre>/</pre> ----预格式化
<hr>/</hr>水平线(分隔线,用在<h1>,没有结束标,和<br>一样)
<abbr tittle ="中华人民共和国">prc</abbr>点击(prc ),会显示出中华人共和国
<ul>/</ul>-----不排序的列表
<ol>/</ol>-----有数字排序的列表
{<ul>
<li>红茶</li>
[ <ol>
<li>绿茶</li>
</ol>]
</ul>} 可嵌套使用
字典类编辑里:
{
<dl>
<dt>蓝天</dt>(dt代表词条)
<dd>天空的颜色</dd>(dd代表解释)
</dl>
}
<img>---图片(单个标记)
<img src="meihao.jpg" alt="meihao"/>表示图片的地址【这个格式表示图片和html在同一个目录下】
<img src="meihao.jpg" alt="meihao" width="200" height="200" />表示图片的宽度是200像素,高度是200像素
若图片和html在不同目录下:
1,<img src="imagins meihao.jpg" />
2,或者<img src="拷贝图片的地址" />
注:html5 能读出来三种图片格式有:png /jpg/gif
<iframe src="网页地址" height="200">/</iframe> ----在html页面里面插入网页地址的链接
<a>/</a> ----链接
<a href="网页地址">网页名字</a>-----网页地址链接
<table border="1">表格 边框是1像素
<tr>/</tr> 表格行
<td>/</td>一行里的格子
格式如下;
<table border="1">
<tr>
<td>yes</td>
<td>yes</td>
<td>yes</td>
</tr>
代码如下:
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<title>html 零一</title>
<meta charest=utf-8>
</head>
<body>
<hgroup>
<h1> <b>行百里者半九十</b></h1>
<h2> 遇见better me</h2>
</hgroup>
<p>
时间好快,腾讯微博里每天在做的一件事就是时间倒数,倒数了好久好久了,从夏天到秋天
到冬天,现如今,从旧年到新年,只觉得时光飞快,一直是个比较厚重的人所以总是很慢,
十月以来,在学英语,学PS,如今又开始学习html5,我哥哥一直是对我进行放养式的爱,所
以我一直自由成长,渐渐的越来越清晰我自己要什么,我为现在的自己感动骄傲,我更为我
的哥哥感到自豪,加油。
</p>
<p>
这个周末的时间特别快,我的html5是从昨天开始学习的,应该说也算入门了,时间一点点
前进,希望呀,自己能到达自己期望的高度。<br>
对于未来,我内心是充满期待的,现在就是最好的时代,是我和哥哥的黄金时代,于我,唯
哥哥和青春不可辜负,不腐朽,这是我对我自己一直的叮咛,加油。<br>
</p>
<p>
<table border="1">
<caption>表格</caption>
<thead>
<tr>
<td>岁月</td>
<td>年华</td>
<td>光阴</td>
</tr>
<tbody>
<tr>
<td>静好</td>
<td>绚灿</td>
<td>永驻</td>
</tr>
<tfoot>
<tr>
<td>一生一世</td>
<td>朝朝暮暮</td>
<td>亘古不变</td>
</tr>
</tfoot>
</p>
<a href="http://blog.csdn.net/sushengmiyan"<b>苏生-苏米沿的专栏 </b> </a>
<iframe src="http://blog.csdn.net/sushengmiyan"> </iframe>
<img src="http://avatar.csdn.net/6/4/B/1_sushengmiyan.jpg" alt="sushengmiyan" />
</body>
</html></span>
file:///C:/Users/zhugj/Desktop/赞一个.html
另外再补充几句,为明天的功课提前做点笔记:
1,网页布局顺序如下;
做网页,大处着眼,从上往下,先布局,然后从左往右,再布局
2,用div 来布局;
用css来控制。
好,今天写到这里吧。
哥哥已经睡了,隔壁小孩还在哭个不休,晚安吧。