Skip to content
This repository has been archived by the owner on Jan 28, 2024. It is now read-only.

refactor(html): refactor text formatting html topic based on guideline #75

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

wnandirta
Copy link
Collaborator

No description provided.


Dengan menggunakan HTML, kita bisa malakukan formatting terhadap text, seperti menebalkan, memiringkan, mencoret, atau menggaris bawahi suatu text
Mungkin sebelumnya kita sudah mencoba untuk membuat sebuah halaman website, tetapi dengan tampilan yang standard, bentuk dan jenis font yang biasa. Bisa kita bayangkan bagaimana sebuah website yang berisi banyak kata, kalimat, dan paragraph jika hanya menggunakan tampilan yang standard? Pasti sangat memusingkan untuk dibaca. Jadi bagaimana kita membuat Perbedaan dari sebuah Judul, paragraf, penulisan cetak tebal,miring dan bergaris bawah agar lebih mudah di baca?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yang dimaksud pusing disini harus lebih dijelaskan biar gak ambigu, jadi lebih baik dijelaskan langsung kebutuhan dari text formatting itu buat apa, kayak gini :

Suggested change
Mungkin sebelumnya kita sudah mencoba untuk membuat sebuah halaman website, tetapi dengan tampilan yang standard, bentuk dan jenis font yang biasa. Bisa kita bayangkan bagaimana sebuah website yang berisi banyak kata, kalimat, dan paragraph jika hanya menggunakan tampilan yang standard? Pasti sangat memusingkan untuk dibaca. Jadi bagaimana kita membuat Perbedaan dari sebuah Judul, paragraf, penulisan cetak tebal,miring dan bergaris bawah agar lebih mudah di baca?
Pada materi sebelumnya, kita sudah mencoba untuk membuat sebuah halaman website, namun pada website tersebut hanya menampilkan judul dan paragraph dengan format text yang standard. Format dari text di dalam suatu artikel biasanya akan diubah sesuai kebutuhan. Misalnya, text tersebut akan ditebalkan apabila mengandung kata kunci penting dan akan dimiringkan apabila mengandung istilah asing. Bagaimana cara kita melakukan hal tersebut pada HTML ?


## 1. Heading
# 2. Penjelasan Materi
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

point yang ini kyknya ga perlu, karena bisa dijelaskan di penjelasan detail, dihapus aja, langsung ke point 3




# 3. Penjelasan Detail Materi
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Karena point 2 dihapus, jadi point 3 ini bisa menjadi point 2 yang baru, jangan lupa judulnya juga diubah biar gak terlalu kaku

Suggested change
# 3. Penjelasan Detail Materi
# 2. Cara Melakukan Text Formatting Pada HTML


# 3. Penjelasan Detail Materi

Cara Penulisan tag dalam syntax:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ini kata - kata pembukanya dibuat lebih informatif lagi, bisa kyk gini

Suggested change
Cara Penulisan tag dalam syntax:
Terdapat beberapa tag khusus untuk melakukan text formatting pada HTML, tag - tag ini nantinya bisa kita manfaatkan untuk membesarkan, menebalkan, memiringkan, menggarisbawahi, serta mencoret text yang ada pada halaman website kita


## 1. Heading `<h> ... </h>`

Heading ini biasanya digunakan untuk bagian penting dalam sebuah web. Dan dalam Heading ini ada 6 tingkatan yaitu, `h1`,`h2`,`h3`,`h4`,`h5`,`h6`. Perbedaannya terdapat pada ukuran heading tersebut, semakin besar tag yang digunakan `h6` semakin kecil juga ukuran teks terserbut.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bagian penting ini apa ? judul maksudnya kan ?

Suggested change
Heading ini biasanya digunakan untuk bagian penting dalam sebuah web. Dan dalam Heading ini ada 6 tingkatan yaitu, `h1`,`h2`,`h3`,`h4`,`h5`,`h6`. Perbedaannya terdapat pada ukuran heading tersebut, semakin besar tag yang digunakan `h6` semakin kecil juga ukuran teks terserbut.
Heading ini biasanya digunakan untuk memberikan judul pada sebuah web. Dalam Heading ini ada 6 tingkatan yaitu, `h1`,`h2`,`h3`,`h4`,`h5`,`h6`. Perbedaannya terdapat pada ukuran heading tersebut, semakin besar tag yang digunakan (misalnya `h6`) maka semakin kecil ukuran text tersebut.


<i>memiringkan text</i>
<h3>Anhar, Rahmat (2014) Hubungan kecanduan game online dengan keterampilan sosial remaja di 4 game centre di Kecamatan Klojen Kota Malang. Undergraduate thesis, Universitas Islam Negeri Maulana Malik Ibrahim.</h3>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yang ini bisa jadi langkah ke 4.2., yaitu membuat sub judul artikelnya

Comment on lines +88 to +95
<center><h2>Abstract</h2></center>
<p align="left">
<b> INDONESIA: </b><br>

<u>menggaris bawahi text</u>
Masa remaja adalah masa dimana seseorang tumbuh dan berkembang untuk mencapai kedewasaan, dimana dalam prosesnya remaja melakukan penyesuaian sosial. Di zaman modern, interaksi sosial sebagai bentuk penyesuaian sosial yang dilakukan remaja tidak terbatas dalam dunia nyata saja, namun seiring dengan perkembangan ilmu pengetahuan dan teknologi yang semakin pesat membantu manusia untuk berinteraksi satu sama lain tanpa dibatasi oleh jarak dan waktu. </p>

<s>mencoret text</s>
```
<p align="center">
Salah satu program yang paling diminati oleh kalangan remaja saat ini adalah media game online. Seseorang yang terikat pada kebiasaan yang sangat kuat dan tidak bisa lepas untuk bermain game online dapat dikatakan bahwa orang tersebut telah Kecanduan game online, yang ditandai dengan adanya dorongan untuk melakukan secara terus menerus yang disertai penarikan diri, ketidak mampuan mengatur waktu, mempunyai masalah dengan pengaruh interpersonal dan kesehatan.</p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yang ini bisa jadi langkah ke 4.3., yaitu membuat abstrak versi indonesia

Comment on lines +97 to +100
<p align="right">
<u> ENGLISH: </u><br>

<i>Adolescence is a period where a person grow and develop to reach maturity, which in the process, adolescent made social adjustment. In modern times, social interaction as a form of social adjustment by adolescents is not limited in the real world, but along with the development of science and technology is increase rapidly helps people to interact with each other without being limited by time and distance. One of the programs most in demand by the media of today's teenagers are online games. Someone is bound to very strong habits that can not stop to play online games one can say that the person has been Addiction to online game, which is characterized by the urge to constantly accompanied by withdrawal, inability to manage time, have a problem with the influence interpersonal and health.</i></p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yang ini bisa jadi langkah ke 4.4., yaitu membuat abstrak versi english, sehingga di paragrafnya butuh text italic


<i>Adolescence is a period where a person grow and develop to reach maturity, which in the process, adolescent made social adjustment. In modern times, social interaction as a form of social adjustment by adolescents is not limited in the real world, but along with the development of science and technology is increase rapidly helps people to interact with each other without being limited by time and distance. One of the programs most in demand by the media of today's teenagers are online games. Someone is bound to very strong habits that can not stop to play online games one can say that the person has been Addiction to online game, which is characterized by the urge to constantly accompanied by withdrawal, inability to manage time, have a problem with the influence interpersonal and health.</i></p>

<s> Keyword : Kecanduan Game Online; Keterampilan Sosial Remaja; Addiction To Online Games; Social Skills Teenagers </s><br>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yang ini bisa jadi langkah ke 4.5., yaitu membuat keyword

<i>Adolescence is a period where a person grow and develop to reach maturity, which in the process, adolescent made social adjustment. In modern times, social interaction as a form of social adjustment by adolescents is not limited in the real world, but along with the development of science and technology is increase rapidly helps people to interact with each other without being limited by time and distance. One of the programs most in demand by the media of today's teenagers are online games. Someone is bound to very strong habits that can not stop to play online games one can say that the person has been Addiction to online game, which is characterized by the urge to constantly accompanied by withdrawal, inability to manage time, have a problem with the influence interpersonal and health.</i></p>

<s> Keyword : Kecanduan Game Online; Keterampilan Sosial Remaja; Addiction To Online Games; Social Skills Teenagers </s><br>
<mark>URI: http://etheses.uin-malang.ac.id/id/eprint/5993</mark>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yang ini bisa jadi langkah ke 4.6., yaitu membuat mark

@mnindrazaka mnindrazaka changed the title Mengubah isi dan output text formatting html refactor(html): refactor text formatting html topic based on guideline Apr 5, 2020
@mnindrazaka
Copy link
Member

any update @wnandirta ?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants