Rumah  >  Artikel  >  hujung hadapan web  >  Perintah HTML

Perintah HTML

王林
王林asal
2024-09-04 16:13:50739semak imbas

HTML bermaksud bahasa Penanda Teks Hiper, bahasa penanda standard untuk halaman web. HTML akan mempunyai elemen, atribut dan teg lain. Kebanyakan laman web yang terdapat di internet menggunakan HTML. HTML mudah dipelajari dan berkuasa. Hyper Text ialah kaedah utama untuk bergerak di seluruh web dengan mengklik pada Hyperlinks, yang mengubah hala ke halaman lain. Penanda menunjukkan teks di dalamnya menggunakan teg HTML dengan menandakan ujian sebagai jenis tertentu. Elemen Perintah HTML ialah blok binaan halaman HTML dan boleh mempunyai atribut yang memberikan maklumat tambahan tentang elemen tersebut dan atribut akan hadir secara berpasangan.

Arahan HTML Asas

Arahan asas adalah seperti berikut:

1. Contoh sintaks dokumen HTML

Dokumen HTML sampel akan mempunyai elemen HTML yang merupakan blok pembinaan halaman web dan beberapa elemen HTML ialah , iaitu unsur akar, yang akan mempunyai maklumat meta, yang mengandungi tajuk dokumen dan yang merangkumi data dokumen.

Kod:

html>

<meta>
<title>Page Title</title>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Output:

Perintah HTML

2. Tajuk HTML

Tajuk HTML ialah elemen HTML yang ditakrifkan dengan teg

kepada

di mana

mentakrifkan teg yang paling penting dan

mentakrifkan teg yang kurang penting.

Contoh kod HTML dengan tajuk seperti di bawah:

<h1> This is heading 1 </h1>
<h2> This is heading 2 </h2>
<h3> This is heading 3 </h3>
<h4> This is heading 4 </h4>

Output:

Perintah HTML

3. Perenggan elemen HTML

Perenggan HTML ialah elemen HTML yang kami takrifkan menggunakan

tag, dan kod sampel adalah seperti berikut:

<p> This is a paragraph </p>
<p> This is another paragraph </p>

Output:

Perintah HTML

4. Imej HTML

Imej HTML ialah elemen HTML yang ditakrifkan dengan teg Perintah HTML dan kita perlu menyebut atribut seperti src imej, alt bermaksud teks alternatif, lebar dan ketinggian imej untuk dipaparkan dan kod sampel ialah

Kod:

<img src="Perintah%20HTML.jpg" alt="Perintah HTML"   style="max-width:90%">

Output:

Perintah HTML

5. Senarai Html

Senarai HTML ialah elemen HTML dan ditakrifkan menggunakan teg

    atau
    di mana
    ialah senarai tidak tertib dan
    ialah senarai tersusun

    Kod:

    
    
  • Coffee
  • Tea
  • Milk

Output:

Perintah HTML

6. Cipta jadual

Jadual HTML ialah elemen HTML dan ia boleh ditakrifkan menggunakan teg

dan baris dengan tag dan sel dengan tag
dan kod seperti di bawah:

Kod:


Firstname Lastname Age
Jill Smith 50

Output:

Perintah HTML

7. Sebut pautan

Pautan HTML ialah elemen HTML dan ia boleh ditakrifkan menggunakan teg kod sampel adalah di bawah:

Kod:

<a href="https://www.Perintah%20HTML.com">This is a link </a>

Output:

Perintah HTML

8. Atribut gaya

Gaya atribut HTML boleh digunakan dengan gabungan mana-mana elemen HTML seperti

dan kod sampel adalah seperti di bawah:

Kod:

<p style="color:red"> I am a paragraph </p>

Output:

Perintah HTML

9. atribut lang

Dalam HTML, menggunakan atribut lang, kita boleh mengisytiharkan bahasa dokumen menggunakan teg, dan bahasa ditakrifkan menggunakan atribut lang, dan kod sampel adalah seperti di bawah:

Kod:



...
...

Output:

Perintah HTML

10. Formatkan elemen HTML

Dalam HTML, kita boleh menggunakan elemen pemformatan untuk memformat dokumen HTML, dan kita boleh menentukan elemen khas untuk teks dengan makna istimewa. Elemen HTML seperti untuk huruf tebal, untuk italik

Kod:

<b> This text is bold. </b>

Output:

Perintah HTML

Arahan HTML Perantaraan

Arahan perantaraan adalah seperti berikut:

1. Serlahkan Teks

Dalam HTML, kita boleh menyerlahkan beberapa teks dalam dokumen HTML menggunakan elemen supaya ia menyerlahkan teks yang disertakan dalam elemen, dan kod sampel adalah seperti di bawah:


<h2> html <mark> Marked </mark> formtting </h2>

Output:

Perintah HTML

2. Delete text

In HTML, we can delete some text using element so that the text which is enclosed between this element is deleted, and the sample code is as below:


<p> My favorite color is <del> Navy blue </del> Red </p>

Output:

Perintah HTML

3. Define superscripted text

In HTML, we can define the text as superscripted using element in the HTML document so that text enclosed in element will be superscripted, and the sample code is as below:


<p> This is <sup> superscripted </sup> text </p>

Output:

Perintah HTML

4. Define abbreviation

In HTML, we can define abbreviations by using the HTML element in the HTML document, which will give useful information to browsers, and the sample code is as below:


<p> The <abbr title="World Health Organization">WHO </abbr> was founded in 1948 </p>

Output:

Perintah HTML

5. Mention Address

In HTML, we can mention the address in an HTML document using HTML element

, which defines contact information or address related to the article or document and displays in italics and the sample code as below:

<address>
Written by Srinivas <br>
dasu.com <br>
Pincode : 500084, Hyderabad <br>
India
</address>

Output:

Perintah HTML

Advanced HTML Commands

The advanced commands are as follows:

1. Display a webpage inside a webpage

In HTML, we can display a webpage inside a webpage using HTML iframe, which is defined using the tag


<iframe src="demo.html" height="300" width="300"> </iframe>

2. Target different targets using iframe

In HTML, we can use the target frame as a link using the iframe tag in the HTML document, and the target attribute to the link must refer to the name attribute of the iframe and sample code is as below:


<iframe src="demo.html" name="iframe1"> </iframe>
<p> <a href="www.google.com" target="iframe1"> Google.co.in </a> </p>

Tips and Tricks to Use HTML Commands

  • Make your visitors change the text color or background by adding extra code.
  • Add metadata while writing an HTML document.
  • It’s good to hide some fields where we don’t want a user to edit them.
  • Always add a horizontal line to break long sections so the website will look good.

Conclusion

Finally, it’s all about different types of HTML commands of various levels are briefly discussed with examples. After reading this article, I hope you will have a good idea of how to use HTML commands.

Atas ialah kandungan terperinci Perintah HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Simbol dalam HTMLArtikel seterusnya:Simbol dalam HTML