HTML5 零一

鉴于我在这个博客上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来控制。



好,今天写到这里吧。

哥哥已经睡了,隔壁小孩还在哭个不休,晚安吧。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值