先说明一下，我也是半路出家的和尚，可能有些地方说的不到位，只是个人观点而已。
记得我学这块内容的时候是在北京一家公司上班的时候学的，那时候也没有人带着学习，就别人说了W3C，然后就开始自己看，照着里面的内容去打代码，每天晚上都敲到陵城3点，然后理解各个标签的作用（可能说的不标准），然后一个一个的看标签的属性。自己最开始独立写的一个页面就是用table写了一张简历。
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>个人简历</title></head><body bgcolor="#BBFFFF"> <center><h2 id="个人简历">个人简历</h2></center> <table cellpadding="0" cellspacing="0" border="1px" width="800px" height="600px" align="center"> <tr align="center" height="50px"> <td>姓名</td><td>Strip_liu</td><td rowspan="4">照片区</td> </tr> <tr align="center" height="50px"> <td>性别</td><td>男</td> </tr> <tr align="center" height="50px"> <td>电话</td><td>180xxxxxxxx</td> </tr> <tr align="center" height="50px"> <td>E-mail</td><td>strip_liu@xxx.com</td> </tr> <tr > <td align="center">工作经验</td><td colspan="2">上大学的时候……</td> </tr> <tr> <td align="center">个人介绍</td><td colspan="2">我叫XXX，……</td> </tr> <tr> <td align="center">兴趣爱好</td><td colspan="2">我喜欢象棋……</td> </tr> </table> <center><a href="这里当时写的是QQ空间地址">我的空间</a></center></body></html>
效果图：
这段代码严格来说，还是有问题的，因为当时虽然已经知道div这个东西，但是根本不知道怎么用，一想到做一个简历，第一想到的就是table表格，因为这个本来就是表的形式，只要自己稍稍合并一下单元格就OK了。
这里说一下代码吧。在写出来之后我才知道center这个标签已经被丢弃了；
这里在body里面直接加了北京颜色，也就是bgcolor属性，table中的cellpadding -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间，这里一般都设置为0，cellspacing单元格间距表格间距 -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，一般也设置为0；
border属性一般块元素都有，不过有的设置显示有的设置为不显示，border一般用法是 border：宽度 实线/虚线 颜色；width和height是设置整张表宽度和高度的；当然，在任何块元素（标签）中，width和height都是设置宽高的。
tr是行元素，也就是一对tr标签就是一行，tr元素对应的就是td，td代表列，一般内容填充就填充在列种，rowspan是表示跨行合并，后面的数字就代表着跨几行合并单元格，同理colspan是跨列合并，后面数字代表的跨几列；
从上面代码中我们可以看到，text-align="center"这个属性，这是设置行内居中的，但是我有的写在tr中 有的写在td中，虽然这种写法很烂，但初学者这样写很正常，也更加容易理解这个属性带来的效果，因为我有些是要正行居中，所以写在tr中，而有些只需要一个列居中，就单独的写了列居中。
最后是a标签，a标签就是一个超级链接，href属性就是它要链接到那个页面(注意的是href中一定要加上http://，也就是链接用的是http协议)；
其实代码挺简单的，初学者可以看看。这些基本就是table的一些东西，真正写页面，现在用table显然已经很不现实了，但这也是基础。零零散散的说了一些，希望对初学者有用。
Apakah tujuan tag HTML?Apr 28, 2025 am 12:02 AMHtmltagsareessentialforstructuringwebpages, enhancingaccessibility, seo, andperformance.1) theyareNenclosedinanglebracketsandusedInpairstocreateahierarchicalstructure.2) SemantictagslikeAndimproveuseSexperienceAndrapher
Apakah tag penutup diri? Beri contoh.Apr 27, 2025 am 12:04 AMSelf-closingtagsinhtmlandxmlaretagsthatclosethem sendiriwithoutneedingaseparateClosingtag, smadriflifymarkupstructureandenhancingcodingeficiency.1) theareessentialinxmlforelementSwithoutContent, Memastikan-pembentukan-pembentukan
Beyond HTML: Teknologi Penting untuk Pembangunan WebApr 26, 2025 am 12:04 AMUntuk membina laman web dengan fungsi yang kuat dan pengalaman pengguna yang baik, HTML sahaja tidak mencukupi. Teknologi berikut juga diperlukan: JavaScript memberikan laman web dinamik dan interaktif, dan perubahan masa nyata dicapai dengan mengendalikan DOM. CSS bertanggungjawab untuk gaya dan susun atur laman web untuk meningkatkan estetika dan pengalaman pengguna. Rangka kerja moden dan perpustakaan seperti React, Vue.js dan sudut meningkatkan kecekapan pembangunan dan struktur organisasi kod.
Apakah atribut Boolean dalam HTML? Beri beberapa contoh.Apr 25, 2025 am 12:01 AMAtribut Boolean adalah atribut khas dalam HTML yang diaktifkan tanpa nilai. 1. Atribut Boolean mengawal tingkah laku elemen dengan sama ada ia wujud atau tidak, seperti dilumpuhkan melumpuhkan kotak input. 2. Prinsip kerja mereka adalah untuk mengubah tingkah laku elemen mengikut kewujudan atribut apabila penyemak imbas. 3. Penggunaan asas adalah untuk menambah atribut secara langsung, dan penggunaan lanjutan dapat dikawal secara dinamik melalui JavaScript. 4. Kesalahan umum adalah tersilap berfikir bahawa nilai -nilai perlu ditetapkan, dan kaedah penulisan yang betul harus ringkas. 5. Amalan terbaik adalah untuk memastikan kod ringkas dan menggunakan sifat Boolean dengan munasabah untuk mengoptimumkan prestasi laman web dan pengalaman pengguna.
Bagaimana anda boleh mengesahkan kod HTML anda?Apr 24, 2025 am 12:04 AMKod HTML boleh menjadi bersih dengan pengesahan dalam talian, alat bersepadu dan proses automatik. 1) Gunakan W3CMarkupValidationService untuk mengesahkan kod HTML dalam talian. 2) Pasang dan konfigurasikan sambungan HTMLHINT dalam visualStudiocode untuk pengesahan masa nyata. 3) Gunakan HTMLTidy untuk mengesahkan dan membersihkan fail HTML secara automatik dalam proses pembinaan.
HTML vs CSS dan JavaScript: Membandingkan Teknologi WebApr 23, 2025 am 12:05 AMHTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.
Html sebagai bahasa markup: fungsinya dan tujuannyaApr 22, 2025 am 12:02 AMFungsi HTML adalah untuk menentukan struktur dan kandungan laman web, dan tujuannya adalah untuk menyediakan cara yang standard untuk memaparkan maklumat. 1) HTML menganjurkan pelbagai bahagian laman web melalui tag dan atribut, seperti tajuk dan perenggan. 2) Ia menyokong pemisahan kandungan dan prestasi dan meningkatkan kecekapan penyelenggaraan. 3) HTML adalah diperpanjang, membolehkan tag tersuai untuk meningkatkan SEO.
Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan WebApr 19, 2025 am 12:02 AMTrend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.
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
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
