<HTML>菜鸟入门基础须知

最新推荐文章于 2023-05-20 16:21:52 发布

weixin_30485291

最新推荐文章于 2023-05-20 16:21:52 发布

阅读量92

点赞数

原文链接：http://www.cnblogs.com/junmoli/p/6209639.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.

有这几个属性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.

一段文字占用一行自动留空（这东西我感觉比 好用）
　　6.

相当于回车语文中表示另起一行
　　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.

下划线
　　14.

字体加粗
　　15.倾斜

这两个都可以
　　16.强壮

以后这个代替加粗
　　17.

上标
　　18.

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

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

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

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　君陌丶

转载于:https://www.cnblogs.com/junmoli/p/6209639.html