Rumah > hujung hadapan web > html tutorial > Tag Sebutharga dalam HTML

Tag Sebutharga dalam HTML

王林
Lepaskan: 2024-09-04 16:22:04
asal
765 orang telah melayarinya

Teg petikan dalam HTML digunakan untuk menunjukkan petikan pendek menggunakan tag. Ia disertakan di antara …. . Ia membantu untuk menunjukkan bahawa teks yang terkandung adalah dalam petikan sebaris. Untuk petikan ringkas, kami akan menggunakan tag manakala untuk petikan panjang kita akan menggunakan tag HTML yang dipanggil sebagai

…..
.Teg ini digunakan khas untuk menunjukkan teks pada penyemak imbas web secara berbeza daripada teks biasa.
tag digunakan dalam HTML untuk mewakili petikan peringkat blok dalam dokumen halaman web. Teg tersebut paling berguna untuk tujuan penggayaan kerana ia mengedarkan aliran halaman web anda ke bahagian yang berbeza.

Sintaks:

<q> Some text </q>
Salin selepas log masuk

Teg ini digunakan untuk menunjukkan petikan sebaris dalam dokumen HTML.

<blockquote> Some text </blockquote>
Salin selepas log masuk

Teg ini digunakan untuk menunjukkan petikan peringkat blok. Ia membantu menukar kedudukan teks dan menjadikannya berbeza daripada unsur lain. Teg ini menggunakan atribut yang dipanggil cite, yang membantu untuk menentukan sumber sebenar petikan.

Elemen Tag Sebut Harga dalam HTML

Berikut ialah elemen paling berguna yang akan kami gunakan dalam teg petikan:

Contoh #1 –  tag

Teg ini digunakan untuk menunjukkan alamat pada dokumen HTML, yang meletakkan teks ke dalam teg alamat seperti berikut:

Sintaks:

<address>  some text </address>
Salin selepas log masuk

Kod:

<!DOCTYPE html>
<html>
<head>
<title>abbr element </title>
</head>
<body>
<address>156, devanagri, <br>
Near shanoormiya darga, <br>
Aurangabad
</address>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Contoh #2 – tag

Singkatan teks boleh ditakrifkan dengan menggunakan elemen ini. Setiap kali pengguna menuding tetikus pada teg ini, ia akan menunjukkan singkatan teks.

Sintaks:

<abbr> Text </abbr>
Salin selepas log masuk

Kod: 

<!DOCTYPE html>
<html>
<head>
<title>abbr element </title>
</head>
<body>
<p>Welcome to <abbr title="Beautiful
Automation System">Beautosys</abbr></p>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Contoh #3 – tag

Teg dalam teg petikan ini digunakan untuk menentukan penggantian dua arah. Ia menukar arah teks sebenar dalam elemen HTML.

Sintaks:

<bdo dir=”value”> text </bdo>
Salin selepas log masuk

Di sini nilai dir mungkin ltr bermaksud dari kiri ke arah kanan atau rtl bermaksud arah kanan ke kiri.

Kod:

<!DOCTYPE html>
<html>
<body>
<p> Uday wire Industries </p>
<p><bdo dir=”ltr” >Uday wire Industries </bdo></p>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Contoh #4 – tag

Ini digunakan untuk menunjukkan petikan teks sebaris.

Sintaks:

<q> text </q>
Salin selepas log masuk

Kod:

<!DOCTYPE html>
<html>
<body>
<q>Sisters are the choc chips in the era of biscuits </q>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Contoh #5 –
tag

Ini digunakan untuk mewakili petikan peringkat blok dalam dokumen web.

Sintaks:

<blockquote> contents </blockquote>
Salin selepas log masuk

Kod:

<!DOCTYPE html>
<html>
<head>
<title> Quotation tag in HTML </title>
</head>
<body>
<p> Uday wire Industries </p>
<p><blockquote> In the era of making new friends and showing
off , I just wish one thing, that my old one’s stay; No matter what
the   trend is.</blockquote>
</p>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Contoh Teg Sebut Harga dalam HTML

Diberikan di bawah adalah contoh:

Contoh #1

Mari lihat contoh untuk menggambarkan cara teg petikan akan digunakan. Ia termasuk teg alamat, teg singkatan dan teg petikan yang berbeza juga.

Kod:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
box-sizing: border-box;
}
.qtag{
background-color: burlywood;
border-color: crimson;
border-style: dashed;
}
</style>
</head>
<body>
<div class="qtag">
<h2 style="color:brown;">Quotation Tags Example</h2>
<h4>Address tag</h4>
<address>
<blockquote>
<p> 176, Kauslya kunj <br>
Andaman Hill , Pangari Road <br>
Chandigad <br>
<b>Contact US</b><br>
Contact No: 9968795334 <br>
EmailD: [email protected]<br>
</p>
</blockquote>
</address>
<h4>Abbreviation tag</h4>
<p>
<q>Being with <abbr title="Beautiful Automation Systems ">BEAUTOSYS </abbr> for marvelous growth into your business, Automation in technology and many more.......  ! Stay Connected </q>
</p>
<p>Be connected with us for Software services, Automation in new technologies, Embedded services, Responsive Websites and Mechanical services </p>
<h5>Stay Connected!</h5>
</div>
</body>
</html>
Salin selepas log masuk

Output: 

Tag Sebutharga dalam HTML

Contoh #2

Mari lihat contoh untuk menggambarkan cara teg petikan akan digunakan. Ia termasuk tag bdo.

Kod:

<!DOCTYPE html>
<html>
<body>
<h2>bdo tag in quotation</h2>
<p>dir value in the bdo tag defines the direction from which direction text is going to move and it will  generate output. <b>rtl </b>value defines text will moves from right to left direction where as <b>ltr</b></p>
<h4>bdo tag</h4>
<p>Tere is no success like failure. <br>
<bdo dir="rtl">Tere is no success like failure.</bdo> </p>
<p>I get knocked down. But I get up again. You’re never going to keep me down <br>
<q><bdo dir="ltr">I get knocked down. But I get up again. You’re never going to keep me down</bdo></q> </p>
<p>Don’t let what you cannot do interfere with what you can do.” <br>
<bdo dir="rtl">Don’t let what you cannot do interfere with what you can do.”</bdo></p>
<p>The secret of getting ahead is getting started
<q><bdo dir="ltr">The secret of getting ahead is getting started</bdo></q>
</p>
<p>Success iss the sum of small efforts , Repeated day_in and day_out.<br>
<bdo dir="rtl">Success iss the sum of small efforts , Repeated day_in and day_out.</bdo>
</p>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Contoh #3

Contoh ini menunjukkan petikan untuk teks peringkat sebaris dan blok seperti berikut:

Kod:

<!DOCTYPE html>
<html>
<body>
<p> Quotation  <b>q</b> tag </p>
<p><q> Success demands singleness of purpose.</q></p>
<p><q>Choosing a goal and sticking to it changes everything.</q></p>
<p><q> Choose a job you love, and you will never have to work a day in your life!.</q></p>
<p><q> The most important thing about motivation is goal setting .You should always have a goal</q></p> <br>
<p>Quotation <b>blockquote </b> tag for Block </p>
<h4>Big data is advance Telemedicine</h4>
<blockquote> <p>Big data is making impact in every field now a day. By using latest technology  in telemedicine field , one can get more information about their diseases ,so they can take more care using telemedicine. </p></blockquote>
</body>
</html>
Salin selepas log masuk

Output:

Tag Sebutharga dalam HTML

Kesimpulan

dan

tag digunakan sebagai tag Sebutharga dalam HTML. tag adalah untuk teks sebaris dengan
adalah untuk elemen teks peringkat blok. tegkan atribut sokongan yang dipanggil cite. teg juga menyokong teg seperti , , dll.

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

sumber:php
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan