Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML

    Diunggah oleh

    Rannie NoveLa
    19 tayangan11 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    19 tayangan11 halaman

    HTML

    Diunggah oleh

    Rannie NoveLa

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 11

    NAMA : RANI NOVELASARI KELAS : XII TKJ 4

    HTML

    Dengan HTML Anda dapat membuat situs Web Anda sendiri. Tutorial ini mengajarkan Anda segala sesuatu tentang HTML. HTML mudah dipelajari - Anda akan menikmatinya.

    Contoh dalam Bab Setiap


    HTML Tutorial ini berisi lebih dari 100 contoh HTML. Dengan editor HTML kami, Anda dapat mengedit HTML, dan klik pada tombol untuk melihat hasilnya.

    Contoh
    <html> <body> <h1> <Pertama Saya Pos / h1> <p> ayat pertama saya </. p> </ Body> </ Html>

    Apa itu HTML?


    HTML adalah bahasa untuk mendeskripsikan halaman web.

    HTML singkatan dari T yper H ext M arkup L anguage HTML bukanlah sebuah bahasa pemrograman, itu adalah bahasa markup Sebuah bahasa markup adalah serangkaian tag markup HTML menggunakan tag markup untuk menjelaskan halaman web

    Tag HTML
    HTML biasanya disebut tag HTML

    HTML adalah kata kunci dikelilingi oleh sudut kurung seperti <html> HTML biasanya datang dalam pasangan seperti <b> dan </ b> tag Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

    Dokumen HTML = Halaman Web


    dokumen HTML mendeskripsikan halaman web dokumen HTML berisi tag HTML dan plain teks dokumen HTML juga disebut halaman web

    Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkan mereka sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag untuk menafsirkan isi dari halaman tersebut: <html> <body> <h1> <Pertama Saya Pos / h1> <p> ayat pertama saya </. p> </ Body> </ Html>

    Contoh Dijelaskan

    Teks antara <html> dan </ html> menjelaskan halaman web Teks antara <body> dan </ body> adalah isi halaman yang terlihat Teks antara <h1> dan </ h1> ditampilkan sebagai pos Teks antara <p> dan </ p> ditampilkan sebagai paragraf

    Memformat Teks HTML


    Teks ini tebal

    Teks ini adalah besar


    Teks ini miring Ini adalah
    subskrip

    dan

    superskrip

    Format HTML Tag


    HTML menggunakan tag seperti <b> dan <i> untuk memformat output, seperti teks tebal atau miring. Tag HTML disebut tag format. Lihat bagian bawah halaman ini untuk mendapatkan referensi yang lengkap.

    Mengapa menggunakan 4,0 HTML?

    HTML 3.2 Apakah Sangat Salah!


    HTML asli tidak pernah dimaksudkan untuk berisi tag untuk memformat dokumen. HTML tersebut dimaksudkan untuk menentukan isi dokumen, seperti ini: <p> Ini adalah sebuah paragraf </.> p <h1> Ini adalah judul </ h1> Ketika tag <font> dan atribut seperti warna yang ditambahkan dengan spesifikasi 3,2 HTML, itu memulai sebuah mimpi buruk bagi pengembang web! Pengembangan dan pemeliharaan situs web di mana warna font dan informasi di mana ditambahkan untuk setiap elemen HTML tunggal, menjadi proses yang panjang dan mahal.

    Apa yang begitu Besar Tentang 4,0 HTML?


    . Pada HTML 4.0 memformat semua dapat dihapus dari dokumen HTML, dan disimpan dalam sebuah style sheet. Karena HTML 4.0 memisahkan tata letak dari struktur dokumen, kami memiliki apa yang kita selalu dibutuhkan: kontrol Total tata letak, tanpa mengacaukan konten dokumen.

    Apa yang Harus Anda lakukan Tentang itu


    JANGAN gunakan atribut presentasi di dalam elemen HTML Anda Mulai menggunakan gaya! Silahkan baca CSS tutorial untuk belajar tentang style sheet JANGAN gunakan tag usang. Kunjungi kami HTML 4.01 Referensi untuk melihat mana tag dan atribut yang ditinggalkan Anda Validasi halaman HTML

    Anda Validasi HTML File


    Untuk memvalidasi dokumen HTML, sebuah deklarasi DOCTYPE harus ditambahkan. Deklarasi DOCTYPE bukanlah tag HTML, yang merupakan instruksi untuk web browser tentang apa versi bahasa markup halaman ditulis masuk Deklarasi DOCTYPE mengacu pada Definisi Jenis Dokumen (DTD). DTD menetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten dengan benar. Deklarasi DOCTYPE harus menjadi hal pertama yang sangat dalam dokumen HTML, sebelum tag <html>.
    HTML 4.01 Strict

    DTD ini berisi semua elemen HTML dan atribut, tapi TIDAK TERMASUK atau usang elemen presentasi (seperti font). Framesets tidak diperbolehkan:
    <! DOCTYPE HTML PUBLIC "- / "Http://www.w3.org/TR/html4/strict.dtd"> / W3C / / DTD HTML 4.01 / / EN"

    HTML 4.01 Transitional

    DTD ini berisi semua elemen HTML dan atribut, TERMASUK dan usang elemen presentasi (seperti font). Framesets are not allowed: Framesets tidak diperbolehkan:
    <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "Http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Frameset

    Ini sama dengan DTD HTML 4.01 Transitional, namun memungkinkan penggunaan isi frameset:
    <! DOCTYPE HTML PUBLIC "- / / W3C "Http://www.w3.org/TR/html4/frameset.dtd"> / / DTD HTML 4.01 Frameset / / EN"

    Cara Menggunakan Styles


    Ketika browser membaca sebuah style sheet, akan format dokumen sesuai dengan itu. Ada tiga cara untuk memasukkan sebuah style sheet:

    Eksternal style sheet Internal style sheet Inline gaya

    External Style Sheet


    Sebuah style sheet eksternal sangat ideal ketika gaya yang diterapkan untuk banyak halaman. Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet dengan menggunakan tag <link>. Tag <link> masuk dalam bagian <head>: <head> rel="stylesheet" <link type="text/css" href="mystyle.css" /> </ Head>

    Internal Style Sheet


    Sebuah style sheet internal dapat digunakan jika satu dokumen tunggal memiliki gaya yang unik. gaya internal didefinisikan dalam bagian <head> suatu halaman HTML, dengan menggunakan tag <style>, seperti ini: <head> <style type="text/css"> body (background-color: yellow) p (warna: biru) </ Style> </ Head>

    Inline Styles
    Gaya inline dapat digunakan jika gaya unik diterapkan untuk satu kejadian tunggal dari suatu elemen. Untuk menggunakan gaya inline, menggunakan atribut style pada tag yang relevan.. Atribut gaya dapat berisi properti CSS. Contoh di bawah ini menunjukkan cara mengubah warna teks dan margin kiri paragraf: <p style="color:blue;margin-left:20px"> Ini adalah sebuah paragraf </.> p Untuk mempelajari lebih lanjut mengenai style sheet, kunjungi Tutorial CSS .

    Gaya Tag HTML


    Menandai <style> <link /> Deskripsi Mendefinisikan gaya informasi untuk dokumen Mendefinisikan hubungan antara dokumen dan sumber daya eksternal

    Elemen HTML meta


    Metadata is information about data. Metadata adalah informasi tentang data. The <meta> tag provides metadata about the HTML document. Tag <meta> menyediakan metadata tentang dokumen HTML. Metadata will not be displayed on the page, but will be machine parsable. Metadata tidak akan ditampilkan pada halaman, tetapi akan mesin parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. Meta elemen biasanya digunakan untuk menetapkan halaman deskripsi, kata kunci, penulis dokumen tersebut, terakhir diubah, dan metadata lainnya. The <meta> tag always goes inside the head element. Tag <meta> selalu pergi dalam elemen head. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. metadata ini dapat digunakan oleh browser (bagaimana menampilkan konten atau reload halaman), mesin pencari (kata kunci), atau layanan web lainnya.

    Keywords for Search Engines Kata kunci untuk Search Engine


    Some search engines will use the name and content attributes of the meta element to index your pages. Beberapa mesin pencari akan menggunakan nama dan atribut isi elemen meta untuk mengindeks halaman Anda. The following meta element defines a description of a page: Elemen meta berikut mendefinisikan deskripsi halaman: <meta name="description" content="Free Web tutorials on HTML, CSS, XML" /> <meta name="description" content="Free Web tutorial HTML, CSS, XML" /> The following meta element defines keywords for a page: Elemen meta berikut mendefinisikan kata kunci untuk halaman: <meta name="keywords" content="HTML, CSS, XML" /> name="keywords" <meta content="HTML, CSS, XML" /> The intention of the name and content attributes is to describe the content of a page. Maksud nama dan atribut konten adalah untuk menjelaskan konten halaman.

    Note: A lot of webmasters have used <meta> tags for spamming, like repeating keywords (or using wrong keywords) for higher ranking. Catatan: Banyak webmaster telah menggunakan tag <meta> untuk spamming, seperti mengulang kata kunci (atau menggunakan kata kunci yang salah) untuk peringkat lebih tinggi. Therefore, most search engines have stopped using <meta> tags to index/rank pages. Oleh karena itu, kebanyakan mesin pencari telah berhenti menggunakan tag <meta> ke indeks / peringkat halaman.

    HTML Hyperlink (Link)


    A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document. Sebuah hyperlink (atau link) adalah sebuah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen baru atau bagian baru di dalam dokumen ini. When you move the cursor over a link in a Web page, the arrow will turn into a little hand. Bila Anda memindahkan kursor di atas link di halaman Web, panah akan berubah menjadi sebuah tangan kecil. Links are specified in HTML using the <a> tag. Link yang ditentukan dalam HTML menggunakan tag <a>. The <a> tag can be used in two ways: Tag <a> dapat digunakan dalam dua cara:
    1. To create a link to another document, by using the href attribute Untuk membuat link ke dokumen lain, dengan menggunakan atribut href 2. To create a bookmark inside a document, by using the name attribute Untuk membuat bookmark dalam dokumen, dengan menggunakan atribut name

    HTML Link Syntax Link HTML Sintaks


    The HTML code for a link is simple. Kode HTML untuk link sederhana. It looks like this: Ini terlihat seperti ini:
    <a href=" url "> Link text </a> <a href=" url <Link teks "> / a>

    The href attribute specifies the destination of a link. Atribut href menentukan tujuan link.

    Example Contoh
    <a href="http://www.w3schools.com/">Visit W3Schools</a> <a href="http://www.w3schools.com/">

    Kunjungi W3Schools </ a>

    which will display like this: Visit W3Schools yang akan menampilkan seperti ini: Kunjungi W3Schools Clicking on this hyperlink will send the user to W3Schools' homepage. Mengklik hyperlink ini akan mengirim pengguna ke situs W3Schools '. Tip: The "Link text" doesn't have to be text. Tip: Teks Link "" tidak harus berupa teks. You can link from an image or any other HTML element. Anda dapat membuat link dari gambar atau elemen HTML lainnya.

    HTML Links - The target Attribute HTML Link - Target Atribut


    The target attribute specifies where to open the linked document. Atribut target menentukan mana untuk membuka dokumen terkait. The example below will open the linked document in a new browser window: Contoh berikut akan membuka dokumen terkait di jendela browser baru:

    Example Contoh
    <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a> href="http://www.w3schools.com/" <a target="_blank"> Kunjungi W3Schools! </ a>

    Try it yourself Coba sendiri

    HTML Links - The name Attribute HTML Link - Nama Atribut


    The name attribute specifies the name of an anchor. Atribut name menentukan nama anchor. The name attribute is used to create a bookmark inside an HTML document. Atribut name digunakan untuk membuat bookmark dalam dokumen HTML.

    Bookmarks are not displayed in any special way. Bookmarks tidak ditampilkan dengan cara khusus. They are invisible to the reader. Mereka tidak terlihat oleh pembaca.

    Example Contoh
    A named anchor inside an HTML document: Bernama jangkar di dalam dokumen HTML:
    <a name="tips">Useful Tips Section</a> <a name="tips"> Bagian Tips berguna </ a>

    Create a link to the "Useful Tips Section" inside the same document: Buat link ke Tips "Berguna Bagian" dalam dokumen yang sama:
    <a href="#tips">Visit the Useful Tips Section</a> <a href="#tips"> Kunjungi Bagian Tips berguna </ a>

    Or, create a link to the "Useful Tips Section" from another page: Atau, membuat link ke Tips "Berguna Bagian" dari halaman lain:
    <a href="http://www.w3schools.com/html_links.htm#tips"> <a href="http://www.w3schools.com/html_links.htm#tips"> Visit the Useful Tips Section</a> Kunjungi <Tips Berguna Bagian / a>

    Basic Notes - Useful Tips Catatan Dasar - Tips Berguna


    Note: Always add a trailing slash to subfolder references. Catatan: Selalu menambahkan slash tambahan untuk referensi subfolder. If you link like this: href="http://www.w3schools.com/html", you will generate two requests to the server, the server will first add a slash to the address, and then create a new request like this: href="http://www.w3schools.com/html/". Jika Anda link seperti ini: href = "http://www.w3schools.com/html", Anda akan menghasilkan dua permintaan ke server, server akan menambahkan slash pertama ke alamat, dan kemudian membuat permintaan baru seperti ini : href = "http://www.w3schools.com/html/". Tip: Named anchors are often used to create "table of contents" at the beginning of a large document. Each chapter within the document is given a named anchor, and links to each of these anchors are put at the top of the document. Tip: jangkar Dinamakan sering digunakan untuk membuat "daftar isi" pada awal dokumen besar Setiap dokumen. Bab ini dalam diberi jangkar bernama, dan link ke masing-masing jangkar diletakkan pada bagian atas dokumen.

    Tip: If a browser does not find the named anchor specified, it goes to the top of the document. Tip: Jika browser tidak menemukan nama jangkar yang ditetapkan, ia pergi ke bagian atas dokumen. No error occurs. Tidak ada kesalahan terjadi.

    More Examples Lebih Contoh


    An image as a link Gambar sebagai link How to use an image as a link. Bagaimana menggunakan gambar sebagai link. Link to a location on the same page Link ke lokasi pada halaman yang sama How to link to a bookmark. Cara link ke bookmark. Break out of a frame Keluar dari bingkai How to break out of a frame (if your site is locked in a frame). Bagaimana untuk keluar dari bingkai (jika situs Anda terkunci dalam bingkai). Create a mailto link Buat link mailto How to link to a mail message (will only work if you have mail installed). Cara link ke pesan email (hanya akan bekerja jika Anda memiliki mail diinstal). Create a mailto link 2 Buat link mailto 2 Another mailto link. Link mailto lain.

    HTML Link Tags Link HTML Tag


    Tag Menandai <a> <a> Description Deskripsi Defines an anchor Mendefinisikan anchor

    Anda mungkin juga menyukai