Web教程1-你的第一个HTML界面
- IDE的选择
首先，你需要一个IDE，电脑推荐IDEA，手机AIDE
然后新建一个Web工程，里面会有一个index.htm，打开他，然后让我们从零来一遍
- 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Hello，world</h1>
</body>
</html>
是不是看不懂?
没关系，我们一个一个来说
<!DOCTYPE html>
这个是定义你的html文件，所有HTML网页都要加哦
<html>
</html>
这个和是一起的，他的意思是在html中，所有的标签都在这个HTML中
head：这个意思是HTML的头部分
比如设置标题，字符编码，链接CSS等都要在这里面写
<meta charset="UTF-8">
这句的意思是把这个网站的字符编码改成UTF-8
你可能会问：UTF-8是什么呢?
UTF8
全名8-bit Unicode Transformation Format
大家可以发现Unicode，很熟悉是不是?
他就是万国码啊
设置字符编码为UTF-8可以让网站在输出中文时在Apple平台不乱码
反正不管啥用UTF8编码总没错（划掉）
<body>
这个和 head 一样，表示html文件的body（身体）部分，里面写网站的主要内容
<h1>
一种输出标签
和Word中的主标题差不多，数字表示级数，1是最大的一个
- 拓展
<img src="/img/timg">
可以引用图片，一般有两种用法是图片路径，相对路径和绝对路径，下面一个个说。
1.相对路径
顾名思义，相对于这个文件的路径
比如我写一个src="/img/timg.jpg"
意思呢很简单
在index.html同文件目录下有个叫img的文件夹
在img文件夹里又有一个叫timg.jpg的图片文件
还听不懂?
那来看这个
↑返回上级
img（文件夹）
/timg.jpg（图片文件）
index.html
这样很直观吧
<img src="wheyao.XXX.XXX/timg.jpg">
2.绝对路径
一样，绝对绝对，就是咋改也变不了的，
比如我在wheyao.XXX.XXX的根目录里放了一个图片timg.jpg
写的时候就要这么写
wheyao.XXX.XXX/timg.jpg
还不懂吗？
那来吧，直观讲解开始
假设wheyao.XXX.XXX已经被我在AndFTP上保存了
打开里面是这样的
wheyao.XXX.XXX
上级↑
timg.jpg
能看懂了吗？
标签就这么简单
下面是重点，记好小本本
herf
herf是啥呢?
那我说一个吧，你上某些网站，总能看到蓝色字体的字，点击会跳转，这就是herf的最直观应用
herf支持可不止于此
img，a，h，p等等标签都能用他
扯了一堆了，来说说用法吧
先用一个a标签测试
（a标签和p差不多）
<a herf="www.XXXX.XX">点这里跳转</a>
意思就是，你点击这个a标签，就会触发herf，会让你跳转到你www.XXXX.XX
当然，肯定不止于此
我们都说了src有绝对路径和相对路径
那herf肯定也有啊
说的没错，他也有，比如我写一个
<a herf="mindex.html">跳转</a>
这个意思就是跳转到你index.html下同目录mindex.html
相对路径也和src大同小异哦
学会了这些，你就能写一个简单的界面了，
快去试试吧
2987
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
