Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut. Tag adalah perintah Web browser untuk memformat teks dan memasukkan grafis gambar yang Anda inginkan pada halaman Web. Beberapa, tetapi tidak semua, perintah HTML memerlukan baik awal dan tag akhir. Disebut tag Container, karena instruksi dalam memulai tag berlaku untuk semua halaman Web berisi antara tag awal dan tag akhir. Setiap perintah HTML (yaitu, setiap tag HTML) dimulai dengan kurang-dari tanda (<) yang diikuti oleh nama tag dan setiap atribut, dan berakhir dengan yang lebih besar-dari tanda (>). Untuk membuat tag end untuk memulai tag, Anda menyisipkan garis miring (/) di depan nama tag tersebut. Jadi, tag mulai memiliki Tagname
dan tag akhir memiliki Tagname. tag nama ini menceritakan Web browser's tag tujuan; atribut (jika ada) yang mengikuti Tagname memberikan browser Web informasi tambahan browser kebutuhan untuk melaksanakan instruksi tag itu. Sebagai contoh, kode berikut menggambarkan bagaimana akhir paragraf tag dan mulai ( ) melampirkan, atau berisi, bagian teks. Dalam contoh ini, tag
memerintahkan browser Web untuk menampilkan teks sampai dengan tag menggunakan standar aturan format:
Ini adalah contoh teks paragraf. Jika Anda ingin agar browser menampilkan teks paragraf dengan menggunakan font dan warna tertentu, Anda akan menambahkan atribut yang ditetapkan hal-hal seperti warna, jenis huruf, ukuran, dan sebagainya untuk tag yang berikut tag dan mendahului teks yang terlihat ingin Anda tentukan. (Anda akan belajar tentang atribut setelah Anda membaca lebih lanjut tentang tag pada bagian selanjutnya dua.)
Bagian HTML Tag Untuk mengatur berbagai bagian dari HTML yang menggambarkan halaman Web, Anda menggunakan satu set tag bagian.
Jenis tag HTML dalam setiap bagian dari definisi halaman Web memiliki tujuan tertentu: • ini terjadi pada awal dan akhir dokumen HTML. Dengan demikian, mulai dan akhir tag HTML melampirkan semua tag HTML lain yang Anda gunakan untuk menggambarkan halaman Web. •
Mulai dan header tag segera diakhiri mengikuti awal tag HTML () dan menunjukkan header halaman Web. Anda dapat menggunakan tag pada header halaman Web untuk menyertakan seperti informasi sebagai nama dari penulis dan tanggal penulis menciptakan halaman. Selain itu, Anda menyisipkan tag dengan informasi yang menggambarkan halaman Anda sehingga mesin pencari Web dapat menambahkan referensi ke halaman Anda untuk indeks pencarian mereka. Dari tag HTML dan informasi yang Anda tempat di bagian header, pengunjung browser hanya menampilkan judul halaman Web. Anda memasukkan Web halaman judul di bagian header antara akhir judul tag dan mulai ( </ title>), seperti ditunjukkan pada kode sampel yang berikut ini daftar tag bagian. • <body> </ body> Mulai dan tag akhir tubuh segera ikuti bagian halaman web header dan menunjukkan badan halaman Web. Bagian tubuh dari halaman Web berisi tag yang menceritakan Web browser apa yang akan ditampilkan pada layar dan bagaimana Anda ingin terlihat. Kode berikut mengilustrasikan penempatan yang benar dari bagian tag HTML: 4 HTML & Web Design Tips & Teknik <html> <head><br />
<br />
<title> Halaman Web Title </ title> </ Head> <body> Teks konten dan tubuh tag dimasukkan di sini </ Body> </ Html> Perhatikan bahwa Anda dapat menulis tag HTML sebagai semua huruf besar, huruf kecil semua, atau kombinasi dari dua, karena Web browser saat ini case-insensitive. Namun, standar-standar seperti XHTML dan spesifikasi XML mengharuskan anda menggunakan tag huruf kecil-bahkan jika browser web terus mendukung baik bawah dan huruf besar tag untuk sementara waktu. Dengan demikian, menulis semua HTML tag dan atribut dalam huruf kecil. Dengan begitu, sebagai kekuatan desainer Web browser Web untuk memenuhi standar yang lebih baru, browser Web benar masih akan membuat halaman web yang Anda buat sekarang. Tag HTML Kosong Selain tag wadah (lihat "HTML Container Tag" sebelumnya dalam bab ini), HTML menggunakan Kedua jenis tag disebut tag kosong. Sedangkan tag kontainer melampirkan konten halaman, seperti garis teks dalam tag awal dan akhir, tag kosong tidak memerlukan tag akhir. Bayangkan sebuah tag kosong sebagai single perintah atau pernyataan seperti "ke sini" atau "melakukan hal ini." Sebagai contoh, kode HTML berikut ini menggunakan istirahat garis tag (<br>) untuk memerintahkan browser Web untuk drop down ke baris berikutnya sebelum menampilkan item berikutnya pada halaman (dalam contoh ini, baris kedua teks): <html> <head><br />
<br />
<title> Contoh dari garis istirahat tag </ title> </ Head> <body> <p> Teks ini ditampilkan pada baris satu <br> Teks ini ditampilkan pada baris dua </ p> </ Body> </ Html> Membuat Halaman Web dokumen teks HTML sebenarnya cukup sederhana untuk membuat. Untuk membuat dokumen HTML, Anda membuka teks-editing program dan kemudian ketik dalam kode HTML. Setelah Anda memasukkan laporan HTML, Anda menyimpan dokumen Anda sebagai file teks dengan atau. htm. ekstensi html. Misalnya, mulai favorit Anda editor teks (seperti Windows Notepad) sekarang, dan masukkan HTML berikut: <html> <head> <title> Contoh Sederhana Dokumen HTML </ title> Bab 1: Dasar-dasar HTML 5 </ Head> <body> <p> HELLO WORLD! Di sini saya. </ P><br />
<br />
</ Body> </ Html> Sekarang, simpan pekerjaan Anda ke file halaman Web (yaitu, file dengan atau. Htm. Ekstensi html) pada Anda hard drive. Karena Anda mungkin akan men-download dari situs Web Osborne atau masuk ke dalam teks Anda editor dan menyimpan banyak halaman Web Anda temui di seluruh buku ini, membuat folder (seperti C: \ HTMLExamples) di mana untuk menyimpan halaman web. Kemudian, simpan kode yang Anda masukkan untuk contoh ini sebagai TestPage.htm dalam folder yang Anda buat. Untuk mengambil halaman pertama Web Anda untuk test drive, mulai browser Web Anda, dan Jenis file: / / diikuti dengan huruf drive dan pathname halaman web Anda ke lapangan Alamat browser. Misalnya, jika Anda menyimpan halaman Web dalam contoh ini sebagai TestPage.htm di C: \ folder HTMLExamples, ketik File: / / c: / HTMLExamples / TestPage.htm ke lapangan Alamat browser. Kemudian, tekan ENTER. Anda Web browser, pada gilirannya, akan menampilkan halaman Web yang ditunjukkan pada Gambar 1-2. Itu semua yang ada untuk itu! Anda sekarang resmi penulis halaman Web.<br />
<br /> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://adoc.pub/report/nama-yohandes-efindo-nim-kelas-f-terjemahan-halaman-4-5-tag-" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcEnMcZAAAAAFHzKKgaE-Qh57XzUTzpfRElD4dP"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2024 ADOC.PUB. All rights reserved.
<div class="pull-right">
<span><a href="https://adoc.pub/about">About Us</a></span> |
<span><a href="https://adoc.pub/privacy">Privacy Policy</a></span> |
<span><a href="https://adoc.pub/term">Terms of Service</a></span> |
<span><a href="https://adoc.pub/copyright">Copyright</a></span> |
<span><a href="https://adoc.pub/contact">Contact Us</a></span> |
<span><a href="https://adoc.pub/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://adoc.pub/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://adoc.pub/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177279549-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177279549-1');
</script>
<script src="https://adoc.pub/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://adoc.pub/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://adoc.pub/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function( event, ui ) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="ADOCPUB_cookie_box" style="z-index:99999; border-top: 1px solid #fefefe; background: #FFC107; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://adoc.pub/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_ADOCPUB_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_ADOCPUB_cookie_box() {
document.cookie = "ADOCPUB_cookie_box_viewed=1;max-age=15768000;path=/";
hide_ADOCPUB_cookie_box();
}
function hide_ADOCPUB_cookie_box() {
var cb = document.getElementById('ADOCPUB_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var ADOCPUB_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('ADOCPUB_cookie_box_viewed');
if (ADOCPUB_cookie_box_viewed) {
hide_ADOCPUB_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
