如何快速学习HTML
程序员文章站
2022-03-18 13:29:07
...
如何快速的学习html呢？
首先我们要知道什么是Html，英文全称
HyperText Markup Language
我们通常称为 超文本标记语言
看到这里，我相信大家对超文本标记语言肯定又开始迷惑了，标记语言，是没有逻辑性的，所以学习来是很简单的。
我们来看以下Html的基本结构
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
Html中的标签都是成对出现的，我们称为开始标签和结束标签，下面我们来讲解一下上面的代码
<!DOCTYPE html> 声明文档是html类型
Head标签，我们通常也称为头部标签，里面我们一般放编码，网页标题，或者外部css样式文件，脚本文件等！
我们来看看这几样是如何写的
(1) 设置编码
<meta charset=”utf-8”>
(2) 设置网页标题
<title></title>
(3) 引入外部样式
<link rel="stylesheet" type="text/css" href="">
(4) 引入外部js文件
<script type="text/javascript" src="demo.js"></script>
其实这些内容都是固定的，html里面有自带一些样式，例如font等，但是这些根本满足不了网页的需求，所以我会给大家分享关于css的如何掌握基础知识。我们看一下如何开发网页的布局，有俩种方式
一种是表格，这个比较老了，但是相对简单的多，另一种是div来布局，初学者我建立不要用DW，dw是可视化操作，感觉很少写代码，这样不利于发展的，所以我们可以用其他的编译器，纯手工的敲写代码，编程就是这样，你写的多了，自然而然就记住了。下面我们来看一下表格布局，表格的代码 table 行tr 讲到行大家肯定想到列，在表格里面，讲列是不规范的，我们称之为单元格，即为 td
我们来看一下下面的例子
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table cellspacing="0" cellpadding="0" border="1" width="300" height="100"> <tr> <th>姓名</th> <th>籍贯</th> <th>年龄</th> </tr> <tr> <td>张明</td> <td>湖北</td> <td>23</td> </tr> </table> </body> </html>
cellspacing="0" cellpadding="0" 这俩句如果不写，那么我们单元格之间的边框线是有空隙的，小伙伴们可以在本地进行测试一下！