- *99#Payment
- 2022 Video Editing Software
- 4MLinux
- A2 Hosting
- Accounting
- Acer Gaming Laptop
- Adobe Master Collection CS6
- Ads Network
- Adsence
- Adsense
- Adsense Approval Themes
- Adsense Approval Tips 2021
- Adsense Approval Trick 2022
- Adsense tips
- adsreadybloggertemplate
- Android
- Anime
- Aplikasi
- Application
- Article Spinner
- Asisten Virtual
- Asus Gaming Laptop
- Audio
- Banking
- Beasiswa
- Berita
- Best Affiliate Program
- Best Android Mobiles
- Best Gaming Laptop 2022
- BIOS
- Bitcoin Mining
- Blog
- Blogger
- Blogger Adsense theme
- Blogger Documation
- Blogger Help
- Blogger Pro Tips
- Blogger SEO Theme
- Blogger Template
- Blogging
- Blogging Advance Level Guide 2021 Free
- Blue Host
- Book
- Book Review
- Browser
- BTC
- Business
- Canon
- Cloud Computing
- Cloud mining
- Contents
- Crack Apk
- Crypto Mining
- Cryptotab Browser
- CSS
- Database
- Debian
- DIGITAL MARKETING
- Dokumen
- Download BIOS In Pendrive
- Download Windows 11
- DreamHost
- DSLR
- E-book
- Earn Bitcoin
- Earn Money By Blogger 2021
- EarnMoney
- Edukasi Freemium
- Email marketing
- Emulator
- Entrepreneur
- Fast Loading Template
- Fedora
- Fotografi
- Free Domains
- Free Traffic Sources Series
- Free Video Editing Software
- Free WebHosting
- Free WordPress Hosting
- freelancer
- Gadget
- Game
- Games
- Gaming
- google adsence approval
- Google Adsense
- GooglePay
- Hacking
- Hosting
- HP Gaming Laptop
- HTML
- Info Menarik
- Install Windows 11 2021
- Internet
- Investment
- IPO
- Jaringan
- Javascript
- K3
- Kali Linux
- Kamera
- Kampus
- Kamu harus tau
- Kata Bijak
- Kesehatan
- Komputer
- Konten Kreator
- Kursus
- lainnya
- Laptop
- Learn Blogging
- Legit Bitcoin mining website
- Lenovo Gaming Laptop
- Lensa
- Life story
- Linux
- Make money
- MakePaymentWithoutInternet
- Management
- Marketing
- Marketing Tools
- Marketplace
- Mirrorless
- Mobile
- mobile friendly blogger temlate. trueurlsafelink
- Mod Apk
- MoneyTransfer
- Movie Corner
- MSI Gaming Laptop
- Multimedia
- MySQL
- Network
- Office
- Open Source
- Operation System
- Opini
- Paraphrasing Tools
- Payments
- Paytm
- Pembelajaran
- Pemrograman
- Personal
- Pesantren dan TPA
- Phonepe
- Photographic
- PHP
- politeknik
- Premium Blogger Template
- Prestasi
- Profesi
- Programming
- RankInGoogle
- Rekomendasi Anime
- Rekomendasi saham harian
- Review
- safelink
- Safelinktemplate
- safelinktemplateblogger
- Saran Anime
- SD
- SearchEngine
- Self Improvement
- SEO
- seo blogger template
- Seo Optimized Template
- Seo Tips
- Seputar Anime
- Sim Card
- Site
- SiteGround
- SMA
- Smartphone
- SMK
- SMP
- Social media growth tool
- Software
- SSL
- SteamOS
- Storage
- System Update
- Tech
- Technology
- Teknologi
- Template
- Template Website
- Tips dan Trik
- Tips/Trik
- Tools
- TOP 10
- Top 5 Web Hosting 2021
- Top Video Editing Software 2022
- Top5SafelinkTemplates
- Top5Webhosting
- Trending
- Tutorial
- Tutorial Adobe Flash CS6
- Tutorial Debian
- Tutorial Ubuntu
- Tutorial Windows
- Tutorial XAMPP
- Ubuntu
- Umum
- universitas
- Unlimited Storage Free Hosting
- Update
- Update BIOS
- UPI
- Video
- Video Editing
- Vlog
- Web
- web development
- Web Server
- WebShell
- Website
- Windows
- Windows 10
- Windows BIOS Update
- Windows11 Os Downalod
- Windows11OS
- WordPress
- Wordpress plugin
- WPsafelinkplugin
- Write Unique Article
- Youtube
- Zimbra
Belajar HTML untuk pemula
Assalamualaikum, kembali lagi dengan saya Taqy/MataKucing
Dalam kesempatan kali ini gw bakal share materi "Belajar HTML untuk pemula!" langsung saja ke materi
-Apa itu html? mari kita tanyakan mbah gugel:v menurut mbah gugel HTML adalah :
HTML atau HyperText Markup Language merupakan sebuah bahasa markah untuk membuat halaman web.
Jika di ibaratkan HTML seperti batu bata yang di susun seperti gambar di bawah ini :
Langsung saja ke membuat web pertamamu!
Kini tiba saatnya, kamu harus mencoba sendiri membuat dokumen HTML. Caranya sangat mudah.
Mari kita mulai dengan membuka teks editor, lalu tulislah kode berikut.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML</title>
</head>
<body>
Hello World!
</body>
</html>
Gimana mudah kan? oiya gw belum jelasin tag tag pada html, sorry sorry kelupaan:v
Tag <html> seperti tag pembuka pada html. Lalu tag penutup pada html adalah </html>.
Bisa di pahami perbedaan pada tag pembuka dan tag penutup adalah </.
Langsung saja ke pembahasan selanjutnya..
- Struktur dan fungsi tag pada HTML
struktur dan fungsi tag pada html bisa di lihat di gambar dibawah ini:
Penulisan kode HTML selalu dimulai dengan deklarasi DOCTYPE, lalau menuliskan
tag <html>
dan di dalamnya terdapat tag <head>
dan <body>.
Kalau kita perhatikan.. struktur dasar kode HTML terdiri dari tiga bagian penting:
- Bagian Deklarasi
- Bagian HEAD
- Bagian BODY
Bagian HEAD
Bagian HEAD adalah bagian kepala dari HTML. Dimulai dari tag <head>
dan ditutup dengan </head>
.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
Pada bagian HEAD, biasanya digunakan untuk menuliskan tag-tag yang akan dibaca oleh mesin.
Seperti:
- Tag meta untuk SEO;
- Tag
<title>
untuk judul; - Tempat menulis kode CSS dan Javascript;
- dan lain-lain.
Bagian BODY
Bagian BODY adalah bagian yang akan ditampilkan pada web browser.
Penulisannya di mulai dari tag <body>
dan ditutup dengan </body>
.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
Di sinilah nanti kita akan banyak menuliskan konten dengan berbagai macam tag.
Saat ini kita baru mengisinya dengan tag <p>
. Tag <p>
adalah tag yang
digunakan untuk membuat paragraf, atau juga tag lainya.
maaf bila ada tutur kata yang salah atau materi yang kurang rinci, kurang lebihnya mohon maaf.
Sekian dari saya. Wassalamualaikum.
Baca juga

Post a Comment
Post a Comment