<HTML>菜鸟入门基础须知

将持续更新……

           一,基础常用标签and属性

  既然要学习这门知识,那必须得先知道这是什么能做什么,HTML:是一种超文本标记语言,什么意思呢,我拆开看一下,超(超链接)文本(犹如TXT)标记(改变成自己想要的样子)语言 ,就好比翻译,电脑很强大,他听不懂人类的语言,人类就创造了HTML,将人类的意思通过HTML传达给电脑来让他实现人类给他的命令,第一版在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时,HTML 3.2——1997年1月14日,W3C推荐标准,HTML 4.0——1997年12月18日,W3C推荐标准,HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准,HTML5 —— 2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成,现在HTML5成为主流将是时间的问题。  

  第一个标签<body>就像身体包含一切内容</body>有这几个比较常用的属性1.bgolor页面背景颜色2.text文字颜色3.topmargin上页边距4.letmargin左页边距5.rightmargin右页边距6.bottomargin下页边距7.background背景壁纸等

  剩下的我直接全部表示出来,因为第一个<body></ody>有点特殊,所以单独一段,下面的标签都包含在这个body里面:

一般标签
一.
  1.<font></font>

  有这几个属性color:文字颜色;face:字体样式;size:字体大小,等这几个比较常用
  2.<a></a>

  超链接可以用于文字图片等,target这个属性有两个选择self是在本窗口打开连接,blank是在新窗口打开链接;
  3.<img />

  插入图片相对路径和绝对路径(这里没搞懂回去查)
  4.<table></table>

  表格有这几个属性width:宽度可以用像素表示例如100px;border:边框一般为0;cellpadding:内容跟单元格边框的边距,常用也是为0;cellspacing:单元格之间的间距常用为0;align:对齐方式;bgcolor:背景色;background:背景图片
  5.<p></p>

  一段文字占用一行自动留空(这东西我感觉比<br />好用)
  6.<br />

  相当于回车语文中表示另起一行
  7.<del></del>

  删除线,老师给拓展的,我觉得可以用于搞怪,有兴趣的可以试一下。
  8.<ul></ul>

  无序列表这个标签里面每行都要加<li></li>
  9.<ol></ol>

  有序列表(这两个区分很简单,有序指1234……ABCD……之类的排列,而无序所有内容前面只有相同的一个符号)这个也要加<li></li>
  10.<tr></tr>

  表格里边的一行,比较常见的属性align:本行的水平对齐方式;valign:本行的垂直对齐方式height:行高bgcolor:背景颜色background:背景图片
  11.<td></td>

  一行每个的单元格colspan="n"这里n代表你想和多少个单元格的数字,这个代表和并同一行的,rowspan="n"这个是合并同一列的。(记住,一定要把消掉的单元格的代码消除)
  12.<th></th>

  这个性质和<td></td>一样,区别在于这个就像是它的升级版因为<th></th>直接是表头,自动剧中加粗。
  13.<u></u>

  下划线
  14.<b></b>

  字体加粗
  15.<i></i>倾斜<em></em>

  这两个都可以
  16.<strong>强壮</strong>

  以后这个代替<b></b>加粗
  17.<sup></sup>

  上标
  18.<sub></sub>

  下标这两个虽然不常用带挺有意思的属于扩展吧
  19.&nbsp;这个是空格,由于免疫空格免疫回车,所以这个代表空格,上面的<br />代表回车,sp是空格的简拼,以后可以这么记牛(n)比(b)空格。
  20.锚点,先做锚点标签<a name=""></a>,然后做锚点链接<a href="目标链接的name的值"></a>

  暂时我就找到这些我认为比较常用的标签,里面的解释带有我自己的理解,也算是给基础做了个笔记。

  这样,第一课就完事了,这些标签得自己去试一下,每个人的理解不一样所以要自己用过才知道到底是什么东西,恩,就酱,拜~

                                                                  

                                                              君陌丶

原文地址:https://www.cnblogs.com/junmoli/p/6209639.html