老师带我们学了一天的HTML最基础的些知识,说简单也不简单,说难也不难,反正一个写不好是挺容易忘点啥关键的或者出点奇怪的错误的,还是得多练习啊。

  关于以后要经常发布的微博,我还是把学到的东西列个总结好了,也算是便于自己哪天翻回来的复习吧,谁也不是能一次记住所有的东西啊。万一写得不错,说不定以后还会有哪个新手来学习呢(←真不要脸啊(¬_¬))。

  HTML全称一大趟鹰文,鹰文不好的就不纠结这个了,叫做“超文本标记语言”,超有超链接的意思,而且他是个文本,里面由各种标签来组成,是一种标记语言。用来写它的软件有DreamWeaver还有HBuilder,后者写代码相对人性化些,他会自动帮你写结尾标签。HTML分为动态页面和静态页面,静态页面数据是写死的(.html和.htm结尾的页面),动态页面是内容由数据库提取的(.php   .aspx和 .jsp结尾的页面)。

  页面所有内容都在<html></html>内,里面又由两大部分组成<head></head>代表头,不会在页面内显示出来(内含网页的标题<title>标题内容</title>),<body></body>代表主体,网页内的内容都在这里显示。主体内的标签又分为单标签和双标签(大部分都是双标签,标签全部由<>这样的尖括号组成),双标签由两个标签组成<标签名 属性>内容</标签名>用作为内容的容器,单标签书写方式<标签名属性/>一般起控制作用.双标签由开始标签和结束标签组成,一定要有结束标签(要有始有终)。

  超链接标签<a></a>,<a href="http://需要的地址">内容可以写网址名字</a>,a后要有空格然后接着href="",双引号必须有而且要是英文的。  

  字体标签<font></font>,开始标签font后面可以加属性,颜色color="",字体face="",字体大小size=""。对于字体标签外还可以加双标签控制他的字体特性, <b><font>内容</font></b>,内容加粗,<strong></strong>也是内容加粗,<i></i>和<em></en>是内容倾斜,<u></u>是内容加下划线。            

  图片标签(单标签),<img src="图片所在位置" 属性>属性可以追加对图片的控制,宽度width="",高度height="",宽和高内的数字后带px(像素)为标准,图片的后台说明alt="图片说明"(对于网速卡打不开图片可以知道这张图说明什么),图片的说明title="图片介绍内容"(鼠标指上去会显示图片介绍内容)。图片的所在位置要按照相对路径来找(网站内没有磁盘分类,也不会到本机电脑去找图),当前目录的图是“./图片名”,上一级目录的图“../图片名或另一个文件夹然后图片名”,网站根目录“/图片名或者文件夹名然后是图片名”。

  表格标签<table></table>,里面包含行标签<tr></tr>,内包含单元格标签<td></td>。表格边框border="",数值默认为0。     空格&nbsp;(在文字内容中起到一个空格的作用,需要两个空格就再来一遍,以此类推,而且一定要有英文的分号;)     回车标签<br />,回车换行的作用,快捷键“shift+回车”

  body背景色属性,bgcolor

自己简单写的body内容:(由于真心是刚学,所写内容对于高手来说实在可能是惨目忍睹不堪入目,还请看到此博客的高手轻喷,尽量以指点错误为主,非常感谢!)

  <body bgcolor="#CCCC00">   

     <font color="#CCFF00" face="楷体" size="+3">

    <a href="http://www.baidu.com"><b>

    百度

    </a></b></font><br/>

    <a href="http://www.baidu.com"  

          title="鼠标指到下面的图片就给我显示这个霸气的说明吧"

          target="_blank">

    <img src="./wells素材/121036wvym0bxwmlzlshs0.jpg" 

          width="140px"

          alt="图片加载失败的说明(看不见了吧,啥网啊,快换吧)"/>

    </a>

    <h1>标题默认字体很大而且新起一行带有加粗效果</h1>

    <h2>标题默认字体略微变小</h2>

  <table border="1">

    <tr height="90"  align="center">

      <td width="60" align="left">1</td>

      <td width="60">2</td>

      <td width="60" >3</td>

    </tr>

    <tr height="90" width="60">

      <td>a</td>

      <td>b</td>

      <td>c</td>

    </tr>

  </table>

  </body>

posted on 2017-04-09 17:35  汐风雪夜  阅读(192)  评论(0编辑  收藏  举报