Rumah >hujung hadapan web >html tutorial >Tag Pengaki dalam HTML
Tag Pengaki dalam HTML
- 王林asal
- 2024-09-04 16:23:311217semak imbas
Footer mewakili data yang berkaitan dengan pengarang, data yang mengandungi maklumat hak cipta atau beberapa pautan yang berkaitan dengan data tersebut. Maklumat pengarang ini disertakan dalam
Seseorang boleh menggunakan elemen pengaki dalam
Sintaks untuk
<footer> <p>Some text</p> </footer>
- teg
ialah salah satu elemen yang paling berguna dalam halaman web HTML5 atau untuk dokumen HTML yang lain. Ia dianggap sebagai sebahagian daripada blok individu. - HTML
Contoh Teg Pengaki dalam HTML
Terdapat pelbagai cara untuk memasukkan pengaki ke dalam dokumen HTML; mari lihat sebahagian daripadanya satu persatu:
Contoh #1
Cuma sertakan
Kod HTML:
<h2> Footer Example </h2> <footer> <p>Published by EDUCBA</p> <p>Contact us: <a href="%E2%80%9Dmailto:%5Bemail%C2%A0protected%5D%E2%80%9D"> <u> Tag Pengaki dalam HTML US </u> </a> </p></footer>
Output:
Contoh #2
Objek pengaki digunakan untuk mewakili kebanyakan elemen HTML pembaikan iaitu
Kod HTML:
<h3>Footer Object Example </h3>
<footer id="footerDemo">
<p>all rights reserved @ EDUCBA </p>
</footer>
<p>Press button to check footer section.</p>
<button onclick=" footerFunction()">Click Me</button>
<p id="footerobject"></p>
<script>
function footerFunction() {
var f = document.getElementById("footerDemo").innerHTML;
document.getElementById(" footerobject ").innerHTML = f;
}
</script>
Output:
Contoh #3
Berikut ialah contoh data yang mengandungi maklumat hak cipta.
Kod HTML:
<style type="text/css">
#shareicons img {
width: 50px;
padding: 10px;
display: inline;
}
</style>
<h1>Uday Wire Industries</h1>
<h4> <u> About US </u> </h4>
<p>We provide all types of HB wires in different size 5.5 mm , 6.5 mm , 7 mm , 8 mm , 12mm.All those wires drawn from the machines which works on new latest technology for producing best quality of HB wires. Those are kinds of raw material which is going to be useful for various wire industries , Cement pipe making industries ,for nails manufacturing industries and many other industries in the market. Nails also in various sizes 1/10' , 1.5/10' , 2/10' , 2.5/10' , 3/10' 4/10 etc. We are dealing with wire rods and cut rods also. Binding wires also with various different types.</p> <h4>Our Specialty</h4>
- Good quality
- Smooth Wire rods
- perfect coil bundle
- No cut rods in coil
- coils in small size packaging bundle
Please send us Your requirements to us .So we can give best to You!
Thank You !
Share on
Uday wire Industries
Shed No. 5 , 6, 7 ,8
Industrial Area, MIDC Sector
Pune.
Output:
Contoh #4
Berikut ialah contoh Pengaki Tetap.
Kod HTML:
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.footerdemo {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color:blanchedalmond;
color: black;
text-align: left;
}
</style>
<img src="img.jpg" style="max-width:90%" alt="Tag Pengaki dalam HTML" >
<div class="footerdemo">
<h4>About US</h4>
<ul>
<li> <a href="#"> Home </a> </li>
<li> <a href="#"> About </a> </li>
<li> <a href="#"> Career </a> </li>
<li> <a href="#"> Contact US </a> </li>
<li> <a href="#"> Visit Here </a> </li>
</ul>
</div>
Output:
Contoh #5
Dalam contoh di bawah, pengaki digunakan untuk menunjukkan perkara hak cipta.
Kod HTML:
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
.header {
background-color:aliceblue;
padding: 10px;
text-align: center;
}
.part {
float: left;
width: 25%;
padding: 10px;
}
.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color:darkgoldenrod;
}
</style>
<div class="header">
<h1>Latest Technology trends in market </h1>
</div>
<div class="row">
<div class="part">
<h2>Robotic Process Automation</h2>
<p>RPA is latest trending technology which is automating jobs. It deals with the software to automate business methodologies like processingtransactions, replying to the emails, iterpreting with data etc.</p>
</div>
<div class="part">
<h2>Machine Learing</h2>
<p>Machine learing is the process considered as subset of Artificial Intelligence.Its based on neural networks, deep learing and natural language processing (NLP)</p>
</div>
<div class="part">
<h2>Artificial Intelligence</h2>
<p>One of the fastest growing technology is AI, which is based on system which built human intelligence to perform tasks. It helps to complete tasks more perfectly and in short time than humans. </p>
</div>
<div class="part">
<h2>BlockChain</h2>
<p>blockchain is trendy technology in upcoming days for maintaining transactions with encrypted and decentralized nature. Here you are going to make chain of data, so there is no need to trust on third party.</p>
</div>
</div> <br>
<div class="footer">
<h4>All rights reserved @Techpanda 2019</h4>
</div>
Output:
Kesimpulan
Jadi, kita boleh mengatasi pengaki itu digunakan untuk menunjukkan maklumat pengarang, perkara hak cipta, beberapa perkara penting dan data lain. Ia sentiasa perlu diletakkan di dalam bahagian badan. Seseorang boleh menggunakan lebih daripada satu pengaki dalam dokumen.
Atas ialah kandungan terperinci Tag Pengaki dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!