Contoh Coding HTML Website

Daftar Isi

Bagian tutorial ini akan menjelaskan konsep dasar dokumen HTML dengan menyertakan beberapa contoh coding HTML yang nantinya bisa menjadi suatu tampilan yang dapat dilihat secara visual melalui web browser.

Contoh HTML Dalam Bentuk File #

Dokumen HTML atau biasa disebut juga dengan file HTML disimpan dalam file berekstensi html. File dokumen HTML dimulai dengan deklarasi tipe dokumen <!DOCTYPE html>. Deklarasi tipe dokumen hanya ditulis sekali pada bagian awal file HTML. Deklarasi tipe dokumen tidak bersifat case sensitive.

Dokumen HTML terdiri dari kumpulan elemen-elemen HTML yang biasa disebut dengan istilah tag HTML. Format elemen HTML adalah sebagai berikut

<nama tag>Konten</nama tag>

Nama tag adalah nama elemen. Tag selalu dibuka dengan tag pembuka <nama tag> dan ditutup dengan tag penutup </nama tag>. Kita akan mempelajari tag lebih detil pada tutorial selanjutnya.

Dokumen HTML berada di dalam tag HTML, tag ini mempunyai tag pembuka <html> dan tag penutup </html>.

Bagian struktur dokumen HTML yang tampil pada web browser berada di dalam tag body. Tag body mempunyai tag pembuka <body> dan tag penutup tag </body>. Perhatikan contoh HTML di bawah ini.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Dari contoh HTML di atas kita akan membahas secara singkat elemen-elemen atau tag-tag HTML dasar.

Heading #

Heading digunakan untuk membuat judul tulisan. Seperti juga tulisan pada buku maka Heading adalah tulisan untuk Bab atau Sub Bab. Heading biasanya menggunakan huruf yang lebih besar dan lebih tebal. Heading terdiri dari beberapa tag mulai dari h1 sampai h6. Tag h1 adalah tulisan heading paling besar dan tebal, sedangkan h6 adalah tulisan heading paling kecil dan tipis.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Paragraf #

Paragraf digunakan untuk membuat suatu paragraf baru pada dokumen HTML. Paragraf menggunakan tag p.

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

Link Atau Tautan #

Link adalah tautan ke dokumen HTML lain. Link digunakan untuk membuka dokumen HTML lain atau halaman website lain. Link menggunakan tag a.

<a href="https://nextgen.co.id">This is a link</a>

Halaman website yang akan dibuka dicantumkan dalam atribut href. Atribut digunakan untuk mendefinisikan informasi tambahan pada suatu elemen atau tag. Kita akan mempelajari tentang atribut pada tutorial selanjutnya.

Image #

Image digunakan untuk menampilkan gambar. Elemen image menggunakan tag img. Image yang akan ditampilkan berada dalam atribut src. Terdapat beberapa atribut lain seperti height dan width untuk menentukan ukuran image yang akan ditampilkan.

 <img src="https://nextgen.co.id/nextgen.jpg" alt="Logo Nextgen" width="104" height="142">

Cara Melihat Source Code HTML #

Silahkan simak video berikut untuk berlatih melihat dan melakukan debugging pada source code HTML. Aktifkan subtitle atau caption pada youtube untuk mendapatkan penjelasan.

https://www.youtube.com/watch?v=NI3bRZMpnic
What are your Feelings

14 comments

####### OPVA ########
ULTIMATE РТНС COLLECTION
NO PAY, PREMIUM or PAYLINK
DOWNLOAD ALL СР FOR FREE

Description:-> cutt.us/kMD4Q

Webcams РТНС since 1999 FULL
STICKAM, Skype, video_mail_ru
Omegle, Vichatter, Interia_pl
BlogTV, Online_ru, murclub_ru

Complete series LS, BD, YWM
Sibirian Mouse, St. Peterburg
Moscow, Liluplanet, Kids Box
Fattman, Falkovideo, Bibigon
Paradise Birds, GoldbergVideo
Fantasia Models, Cat Goddess
Valya and Irisa, Tropical Cuties
Deadpixel, PZ-magazine, BabyJ
Home Made Model (HMM)

Gay рthс collection: Luto
Blue Orchid, PJK, KDV, RBV

Nudism: Naturism in Russia
Helios Natura, Holy Nature
Naturist Freedom, Eurovid

ALL studio collection: from
Acrobatic Nymрhеts to Your
Lоlitаs (more 100 studios)

Collection european, asian,
latin and ebony girls (all
the Internet video) > 4Tb

Rurikon Lоli library 171.4Gb
manga, game, anime, 3D

This and much more here:
or –> tw.uy/tlvic
or –> vo.la/iYKjv
or –> u2b.eu/h2
or –> tiny.cc/zd48vz
or –> cutt.us/cglpS
or –> me2.kr/KBMgQ
or –> gg.gg/14iglz
or –> gurl.pro/w-0i6v
or –> 0se.co/3GagC
—————–
—————–
000A000452

[url=https://yourdesires.ru/home-and-family/house-and-home/282-penoplast-gramotnoe-reshenie-dlya-utepleniya-zhilyh-i-nezhilyh-pomescheniy.html]Пенопласт: грамотное решение для утепления жилых и нежилых помещений[/url] или [url=https://yourdesires.ru/psychology/fathers-and-children/159-detskie-ploschadki.html]Детские площадки[/url]

[url=http://yourdesires.ru/it/1248-kak-vvesti-znak-evro-s-klaviatury.html]где значок евро на клавиатуре[/url]

https://yourdesires.ru/beauty-and-health/lifestyle/47-stress-vred-i-polza.html

Чужая стая [url=https://vksu.top]невидимый враг[/url] 2 сезон 1-20 серии смотреть онлайн Валерий Шатров снова в строю после тяжелого ранения. Он стал своим в отделе уголовного розыска подполковника Рубцова. В отдел также пришел новый опер из Москвы Игорь Бодрич. Новые коллеги начинают подозревать его в связях с преступным миром. Доктор Ирина Бурова расстается с Шатровым и покидает город. На Шатрова положили глаз его соседка бизнеследи Лариса, одновременно он знакомится с психологом Софьей и начинает ходить на ее сеансы. Новый глава городского суда Музыченко неожиданно оказывается союзником оперов, выдвинув вору в законе Греку ультиматум, уехать навсегда из города.
[url=https://vksu.top]Чужая стая[/url] “Невидимый враг” 2 сезон смотреть онлайн [url=https://vksu.top]все серии подряд[/url]
[url=https://vksu.top/sb/Chuzhaya-staya][img]https://i.imgur.com/oaaW2IC.jpg[/img][/url]

Абузоустойчивый VPS
Виртуальные серверы VPS/VDS: Путь к Успешному Бизнесу

В мире современных технологий и онлайн-бизнеса важно иметь надежную инфраструктуру для развития проектов и обеспечения безопасности данных. В этой статье мы рассмотрим, почему виртуальные серверы VPS/VDS, предлагаемые по стартовой цене всего 13 рублей, являются ключом к успеху в современном бизнесе

Greetings! If you need data harvesting services, I’d willingly offer my assistance.
As a skilled professional in this domain, I possess the expertise and necessary tools to
provide fast and accurate data extraction. This can facilitate
you in making well-informed decisions and expanding your enterprise.
Don’t hesitate to get in touch with me for any
of your data scraping needs.. Automated Data Scrubbing

Wow, amazing weblog format! How long have you been running a blog for?
you make blogging glance easy. The total look of your website is magnificent, let alone
the content!

VPS SERVER
Высокоскоростной доступ в Интернет: до 1000 Мбит/с
Скорость подключения к Интернету — еще один важный фактор для успеха вашего проекта. Наши VPS/VDS-серверы, адаптированные как под Windows, так и под Linux, обеспечивают доступ в Интернет со скоростью до 1000 Мбит/с, что гарантирует быструю загрузку веб-страниц и высокую производительность онлайн-приложений на обеих операционных системах.

Tiêu đề: “B52 Club – Trải nghiệm Game Đánh Bài Trực Tuyến Tuyệt Vời”

B52 Club là một cổng game phổ biến trong cộng đồng trực tuyến, đưa người chơi vào thế giới hấp dẫn với nhiều yếu tố quan trọng đã giúp trò chơi trở nên nổi tiếng và thu hút đông đảo người tham gia.

1. Bảo mật và An toàn
B52 Club đặt sự bảo mật và an toàn lên hàng đầu. Trang web đảm bảo bảo vệ thông tin người dùng, tiền tệ và dữ liệu cá nhân bằng cách sử dụng biện pháp bảo mật mạnh mẽ. Chứng chỉ SSL đảm bảo việc mã hóa thông tin, cùng với việc được cấp phép bởi các tổ chức uy tín, tạo nên một môi trường chơi game đáng tin cậy.

2. Đa dạng về Trò chơi
B52 Play nổi tiếng với sự đa dạng trong danh mục trò chơi. Người chơi có thể thưởng thức nhiều trò chơi đánh bài phổ biến như baccarat, blackjack, poker, và nhiều trò chơi đánh bài cá nhân khác. Điều này tạo ra sự đa dạng và hứng thú cho mọi người chơi.

3. Hỗ trợ Khách hàng Chuyên Nghiệp
B52 Club tự hào với đội ngũ hỗ trợ khách hàng chuyên nghiệp, tận tâm và hiệu quả. Người chơi có thể liên hệ thông qua các kênh như chat trực tuyến, email, điện thoại, hoặc mạng xã hội. Vấn đề kỹ thuật, tài khoản hay bất kỳ thắc mắc nào đều được giải quyết nhanh chóng.

4. Phương Thức Thanh Toán An Toàn
B52 Club cung cấp nhiều phương thức thanh toán để đảm bảo người chơi có thể dễ dàng nạp và rút tiền một cách an toàn và thuận tiện. Quy trình thanh toán được thiết kế để mang lại trải nghiệm đơn giản và hiệu quả cho người chơi.

5. Chính Sách Thưởng và Ưu Đãi Hấp Dẫn
Khi đánh giá một cổng game B52, chính sách thưởng và ưu đãi luôn được chú ý. B52 Club không chỉ mang đến những chính sách thưởng hấp dẫn mà còn cam kết đối xử công bằng và minh bạch đối với người chơi. Điều này giúp thu hút và giữ chân người chơi trên thương trường game đánh bài trực tuyến.

Hướng Dẫn Tải và Cài Đặt
Để tham gia vào B52 Club, người chơi có thể tải file APK cho hệ điều hành Android hoặc iOS theo hướng dẫn chi tiết trên trang web. Quy trình đơn giản và thuận tiện giúp người chơi nhanh chóng trải nghiệm trò chơi.

Với những ưu điểm vượt trội như vậy, B52 Club không chỉ là nơi giải trí tuyệt vời mà còn là điểm đến lý tưởng cho những người yêu thích thách thức và may mắn.

####### OPVA ########
ULTIMATE РТНС COLLECTION
NO PAY, PREMIUM or PAYLINK
DOWNLOAD ALL СР FOR FREE

Description:-> cutt.us/kMD4Q

Webcams РТНС since 1999 FULL
STICKAM, Skype, video_mail_ru
Omegle, Vichatter, Interia_pl
BlogTV, Online_ru, murclub_ru

Complete series LS, BD, YWM
Sibirian Mouse, St. Peterburg
Moscow, Liluplanet, Kids Box
Fattman, Falkovideo, Bibigon
Paradise Birds, GoldbergVideo
Fantasia Models, Cat Goddess
Valya and Irisa, Tropical Cuties
Deadpixel, PZ-magazine, BabyJ
Home Made Model (HMM)

Gay рthс collection: Luto
Blue Orchid, PJK, KDV, RBV

Nudism: Naturism in Russia
Helios Natura, Holy Nature
Naturist Freedom, Eurovid

ALL studio collection: from
Acrobatic Nymрhеts to Your
Lоlitаs (more 100 studios)

Collection european, asian,
latin and ebony girls (all
the Internet video) > 4Tb

Rurikon Lоli library 171.4Gb
manga, game, anime, 3D

This and much more here:
or –> tw.uy/tlvic
or –> citly.me/aVx9z
or –> u2b.eu/zy
or –> tiny.cc/zd48vz
or –> cutt.us/cglpS
or –> me2.kr/KBMgQ
or –> gg.gg/14iglz
or –> gurl.pro/w-0i6v
or –> 0se.co/3GagC
—————–
—————–
000A000272

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *