Pembuatan list dan tulisan berjalan dengan Html #4

Assalamualaikum warahmatullahi wabarakathuh ,gimana kabarnya nih teman teman? Semoga semuanya dalam keadaan sehat ya,oh iya dalam beberapa hari ini mimin jarang banget update ya?

Mohon dimaklumi ya,soalnya akhir akhir ini mimin sibuk banget ,wkwkwkw

Dalam materi pembahasan  kali ini mimin akan membahas  mengenai kelanjutan materi Dari minggu minggu lalu ya,yaitu materi pembahsan tentang HTML.

 Di minggu lalu kita sudah membahas materi mengenai fungsi tag <br> dan pembuatan teks heading,

Nah kali ini kita akan membahas tentang  penggunaan Teks berjalan menggunakan elemen <marque>…</marquee> dan juga pembuatan list dengan menggunakan tag  <ol>….</ol>

oke baik langsung saja ke pembahasan,kali ini kita langsung  tulis saja ya codenya ,

perhatikan code dibawah ini:

<!DOCTYPE html>

<html>

<head>

       <title> HTML List </title>

</head>

<body>

<h3> <marquee> List Makanan</h3></marquee>

 

<ol type=”a”>

       <li>Rendang</li>

       <li>Klepon</li>

       <li>Ayam Bakar</li>

       <li>ubi</li>

</ol>

 

<ul type=”circle”>

       <li>keredok</li>

       <li>batagor</li>

       <li>Mie Ayam</li>

       <li>ikan bakar</li>

 

 

</body>

</html>  

Nah Coba Temen Temen Lihat saya sudah sertakan gambar dan codingannya,

Jadi didalam code ini terdapat sebuah tag <marquee>……….</marquee>

<html>

<head>

       <title> HTML List </title>

</head>

<body>

<h3> <marquee> List Makanan</h3></marquee>

 

Disini saya akan langsung membahas bagian inti dari codenya saja ya,agar tidak terlalu banyak kosakata, untuk penjelasan tag tag dasar ada di materi sebelumnya,silahkan di cek .

Oke langsung saja kepembahasan.

<h3> <marquee> List Makanan</h3></marquee>

Di dalam code ini terdapat tag untuk membuat heading yaitu <h3> kita akan membuat tag heading ini berjalan ,

Nah caranya ialah menulis tag <marquee> didalam tag heading tersebut,

Owh iya karena tag ini akan menghasilkan sebuah teks berjalan maka ditao gambar pun percuma dia ga akan bergerak,jadi kalian coba saja sendiri ya,,,,,

Nah sekarang pembahasanmengenai teks <ol>…</ol>

Perhatikan code ini:

<ol type=”a”>

       <li>Rendang</li>

       <li>Klepon</li>

       <li>Ayam Bakar</li>

       <li>ubi</li>

</ol>

<ul type=”circle”>

       <li>keredok</li>

       <li>batagor</li>

       <li>Mie Ayam</li>

       <li>ikan bakar</li>

Tag <ol>….</ol> dan tag <ul>…</ul> ini dibarengi dengan tag <li>…</li> di dalam nya nah di dalam tag <li>….</li> inilah kita akan membuat sebuah list list nya, dan disana juga terdapat tertulis type,type disini ada beberapa macam  didalam  tag <ol>….</ol>kita bisa menuliskan beberapa type di antaranya:

Type

a dan A digunakan untuk membuat list dengan huruf  

type 1 digunakan untuk membuat list angka

i dan I Besar digunakan untuk membuat list romawi

begitu juga dengan tag ul yang mempunyai beberapa type diantara ialah type (circle) Gunanya ialah membuat list dengan sebuah tanda titik  ,ada berbagai macam type di dalam tag <ul> dan gunanya untuk memvariasikan bentuk dari simbol list yang akan kita buat…

Perhatikan gambar berikut.

Nah Gambar diatas merupakan hasil dari code yang kita buat ,coba kalian lihat dan amati bagaimana kegunaan dan fungsi ,mimin sarankan kalian langsung mencobanya saja,soallnya kalian akan lebih tahu sesuatu jika kalian mencobanya terlebih dahulu.

Jika ada yang kurang jelas ,silahkan bertanya di kolom komentar,

Baiklah itu saja yang bisa mimin share dalam materi kali ini,semoga bermanfaat dan apabila ada kesalahan dalam penggunaan kata yang salah,mimin mohon maaf

Sampai ketemu di materi selanjutnya.

Assalamualaikum WR.WB

Author: Mr_Shiroo

Leave a Reply

Your email address will not be published. Required fields are marked *