Pembangunan Web ialah salah satu kemahiran yang paling diminati hari ini. Ia melibatkan penciptaan laman web yang mesra pengguna dan menarik yang boleh diakses melalui pelayar. Langkah pertama untuk menjadi pembangun web ialah memahami HTML.
HTML (Hyper Text Markup Language) ialah tulang belakang mana-mana halaman web. Ia adalah bahasa standard yang digunakan untuk menstruktur halaman web, menentukan cara kandungan dipaparkan dalam penyemak imbas. Manakala kemunculan halaman ditentukan oleh CSS (Cascading Style Sheets) dan fungsinya oleh JS (Javascript), HTML bertanggungjawab ke atas rangka atau struktur asas.
Sebelum menyelam dalam bahagian kursus ini, adalah penting untuk memahami jargon terkenal dan berulang yang akan digunakan dalam perjalanan anda. Ini akan membantu anda memahami konsep semasa kami maju (dan juga memudahkan pengarang untuk menerangkan sesuatu ;-) ).
(perenggan) di dalamnya, penyemak imbas mencipta nod badan dengan nod perenggan sebagai anaknya.
) dalam teg div (
HTML bermaksud Hyper Text Markup Language
Teks Hiper: Merujuk kepada keupayaan HTML untuk memautkan dokumen yang berbeza bersama-sama.
Bahasa Penanda: Menggunakan teg untuk menganotasi teks, mentakrifkan cara ia perlu dipaparkan dalam penyemak imbas.
Berikut ialah struktur asas dokumen HTML:
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
<p>Hello, world!</p>
</body>
</html>
Teg: Dalam HTML, teg digunakan untuk mentakrifkan elemen. Teg disertakan dalam kurungan sudut, seperti atau
.
Elemen: Terdiri daripada teg pembuka dan teg penutup, yang mungkin mengandungi kandungan. Contohnya,
Hello, dunia!
ialah unsur perenggan.Setiap dokumen HTML mengikut struktur asas:
Here are some basic HTML elements you’ll use frequently:
To create an HTML file, you can use any text editor, such as Notepad or VS Code. Here’s a simple example:
<!DOCTYPE html> <html> <head> <title>HTML Tutorial</title> </head> <body> <h1>Example Number 1</h1> <p>Hello, world!</p> </body> </html>
You can find that there is a request in the name that you have saved as in this picture.
In the response tab, you will find the code that you have written as in the following picture
Now, what happened is that, once you opened the file you have saved as html, the computer began running the file in browser. The browser wanted something to show, so it made a request call to the file from which it was launched. The file gave the browser your code and that was found in the response section. Since it was a html file, the browser begins reading the HTML code from the top to the bottom. This process is known as parsing. During parsing, the browser encounters different HTML tags (like ,
, , etc.) and starts to build a structure called DOM based on these tags. As the browser builds the DOM, it simultaneously renders the content on your screen.Let’s take a step further by creating a simple table in HTML:
<p>Table Example</p>
<table>
<tr>
<th>Name</th>
<th>Power</th>
<th>Is Kurama Present</th>
</tr>
<tr>
<td>Naruto</td>
<td>Rasengan</td>
<td>Yes</td>
</tr>
<tr>
<td>Sasuke</td>
<td>Sharingan</td>
<td>No</td>
</tr>
</table>
Notice the heading is being rendered by paragraph tag. Alternatively, you can also use
Note that
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
