怎么快速学好html?
发布网友
发布时间:2022-04-21 22:03
我来回答
共1个回答
热心网友
时间:2023-09-26 03:41
如何快速的学习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>Gxl网</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" 这俩句如果不写,那么我们单元格之间的边框线是有空隙的,小伙伴们可以在本地进行测试一下!