一篇文章让你看懂HTML基本规则和网页结构
如果你不致力于成为美工的话，那么作为开发人员，可以读懂HTML、必要时能进行简单修改即可。下面跟着我的思路，保证一篇文让你看懂HTML，当然，再看的过程中，最好自己动手试试，这样理解就更深了。
1、html基本规则
<html> <head> <title>我的网页</title> ……………………….. </head> <body> …………………. </body> </html>
几乎所有的网页都是按照这个格式来的，这是一个网页必须具备的标记，每个标记都放在< >里，以结束，只不过在省略号的地方加了很多乱七八糟的东西，也就是我们看到的内容。将以上代码复制到一个记事本，然后另存为a.html文件，就成了一个网页，试试看呢！下面，以记事本方式打开，在
之间加上“首页”二字，保存，再打开之后看看。接着，在首页的前后加上标记 变为 首页,保存，再看看效果呢？
是不是就是我们平时上网看到的超链接了呢？只是这里点击“首页”没变化，因为我们添加的空连接，趁热打铁，我们照着前面的方法，在建一个页面，保存为b.html，然后将上面的“#”替换为b.html，在打开，点击首页，是不是就跳转到b页面了呢。（当然a和b页面都要在同一目录下）到这里为止，你应该了解到，其实网页上所有的功能都是由不同的类似于这样的标记来实现，你需要做的时记住这些标记的功能而已。
2、网页结构
如果你上网时注意的话，其实网页都是分块的。当然这只是一个大致的结构，你还可以根据需要分成很多块，分块主要是为了修改方面及确定各自的表现样式。这主要通过
标记来实现，下面我在 “首页”加上<div> <a href=”b.html”>首页</a> </div>
保存，在打开试试，什么效果呢？是不是还是和修改之前一样呢，下面我们为其加上一些修饰：
<div style=”width:200px;height:100px;border-style:solid;” >
在运行，我们标记的这一块就以蓝色背景表示出来啦！在加入很多的
块就可以将网页大卸八块了，呵呵，然后在你每个块里放上你想放的东西即可。当然，很多个新建一个记事本，重命名为c.css然后打开，写入：
#header{width:200px;height:100px;border-style:solid;}并将其在a.html里删掉。然后再前加入 也就是将c.css这个文件引入进来。将css放入单独的文件好处是：如果很多地方都引用了这个样式，我们只要修改这一个地方，就全部都变化了，不然我们得手动修改每一处，不利于后期维护。
最后将a.html的
Atas ialah kandungan terperinci 一篇文章让你看懂HTML基本规则和网页结构. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
Sempadan Jadual dalam HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.
HTML jidar-kiri
Sep 04, 2024 pm 04:48 PM
Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.
Jadual Bersarang dalam HTML
Sep 04, 2024 pm 04:49 PM
Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.
Susun Atur Jadual HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.
Pemegang Tempat Input HTML
Sep 04, 2024 pm 04:54 PM
Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.
Senarai Tertib HTML
Sep 04, 2024 pm 04:43 PM
Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing
Memindahkan Teks dalam HTML
Sep 04, 2024 pm 04:45 PM
Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.
Butang onclick HTML
Sep 04, 2024 pm 04:49 PM
Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.
