Catatan Belajar TamaAndy: HTML5 Dasar – BuildwithAngga.com

/
HTML5 Dasar BWA Featured Images

Catatan:

  1. Singkatan: hypertext markup language,
  2. Pengertian: bahasa markup yang digunakan oleh website developer untuk membuat struktur utama pada suatu website,
  3. Ruang Lingkup: Navigation, Header, Footer, Body, Content dll
  4. Alat Belajar: Google chrome & Visual Studio
  5. Menggenali struktur dasar html yaitu <html> <head> <body>
  6. Step belajar:
    1. Install live server extension untuk membuat local host sebagai contoh localhost sebagai berikut: http://127.0.0.1:5500/index.html
    2. Mempelajari fungsi header <h1></h1> , <h2></h2> , <h3></h3> hingga <h6></h6>
    3. Mempelajari fungsi paragraf atau <p></p> dan <br>
    4. Membuat unordered list<ul> dan ordered list<ol>, contohnya: <ol><li><ul><li> </li></ul></li></ol>
    5. Membuat anchor hyperlink <a href=”[target url]”>[anchor text]</a> jika ingin membuat efek open new tab jadinya seperti ini, <a target=”_blank” href=”[target url]”>[anchor text]</a>
    6. Lalu mempelajari <img src=”[image source url]” alt=”[alt]”> dan bisa disetting heightnya menjadi <img height=”200″ src=”images/scenery.jpg” alt=”gambar pemandangan”>
    7. Selanjutnya dipelajari <section></section> dalam section ini kita bisa membuat bagian perbagian website dengan lebih tertata lagi, 1 section bisa membawa 1 <h1> , beberapa <h2> atau <h3>, beberapa <p> dll
    8. Membuat fungsi nav <nav> </nav> seperti contoh berikut
    9. menambahkan <footer></footer> salah satu fungsinya adalah untuk menambahkan copyright seperti ini
    10. Selanjutnya adalah fungsi <div></div>, fungsinya hampir sama seperti section tapi nanti setelah kita membuat halaman website dengan html bareng dengan CSS fungsi <div> ini baru lebih terasa, untuk saat ini penggunaan <div> seperti screenshot berikut:
    11. Membuat table dengan rumus, seperti contoh berikut:
      • <table></table>
      • <tr></tr> = table row
      • <th></th> = table header
      • <td></td> = table data
    12. Membuat form login, seperti contoh berikut:
      • <form action=””> </form> (khusus form yang menggunakan javascript atau php)
      • <form></form>
      • <p>Username:</p><input type=”text” name=”username”/>
      • <p>Password:</p><input type=”password” name=”password”>
    13. Membuat form login dapat masuk ke halaman dashboard profile adalah dengan cara memakai <form action=”admin.html”> </form> seperti screenshot berikut:
      • Dan membuat button <button type=”submit”>Login</button>
      • button <button type=”reset”>Kosongkan</button> yang berfungsi untuk mengosongkan isi kolom username dan password
      • Note: saat kolom username dan password lalu login button terklik sebenarnya isi dari username dan password menjadi sebuah parameter di url, password masih terlihat, ini karena belum ssl saja.
    14. Membuat progress bar seperti contoh berikut: sehingga jadinya seperti ini secara tampilan webnya:
      • untuk code htmlnya sebagai berikut <progress value=”10″ max=”30″></progress>
    15. Colors pada text, sebagai contoh: dan hasilnya seperti ini
      • dengan syntax sebagai berikut: <font color=”green”>Perkenalan</font> atau memakai hex color menjadi seperti ini <font color=”#63cdda”>Riset Pertama</font>
    16. Membuat text formatting dari bold, italic dan underline, untuk bold menggunakan <strong></strong>, italic menggunakan <i></i> dan underline menggunakan <u></u> sebagai contoh sebagai berikut:
      • <strong>3 dimensi</strong> dan hasilnya seperti ini ,
      • <i>1</i> hasilnya seperti ini
      • <u>Download Online</u> hasilnya seperti ini
  7. Referensi:
    1. html-tags-for-seo ,
    2. Using_HTML_Sections_and_outlines,
    3. flatuicolors.com

1,058 thoughts on “Catatan Belajar TamaAndy: HTML5 Dasar – BuildwithAngga.com”

  3. HostGator: HostGator is known for its affordable plans and reliable performance. They offer unlimited storage and bandwidth, a variety of hosting options, and excellent customer support.
    DreamHost: DreamHost is a well-established hosting provider, known for its solid uptime and fast-loading websites. They offer a wide range of hosting options, including shared, VPS, and dedicated hosting. [url=http://webward.pw/]http://webward.pw/[/url].

    Reply

  5. Whats up are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and create my own. Do you require any html coding knowledge to
    make your own blog? Any help would be greatly appreciated!

    Reply

  7. The other day, while I was at work, my sister stole my iphone and tested to
    see if it can survive a forty foot drop, just so she can be a youtube sensation. My iPad is now
    broken and she has 83 views. I know this is entirely off topic but I had
    to share it with someone!

    Reply

  102. Wow, incredible blog format! How lengthy have you ever been running a blog for?
    you make running a blog look easy. The overall glance of your web site
    is magnificent, let alone the content! You can see similar here sklep

    Reply

  110. Greetings! I know this is kinda off topic but I’d figured I’d ask.

    Would you be interested in trading links or maybe guest writing a blog article
    or vice-versa? My website addresses a lot of the
    same subjects as yours and I believe we could greatly
    benefit from each other. If you are interested feel free to send me an email.
    I look forward to hearing from you! Wonderful blog by the way!
    I saw similar here: Najlepszy sklep

    Reply

  111. Wow, marvelous weblog structure! How lengthy have
    you ever been running a blog for? you make running a blog look
    easy. The full glance of your website is great, let alone the
    content! You can see similar here dobry sklep

    Reply

  114. Hi there! Do you know if they make any plugins
    to help with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Many thanks!
    You can read similar blog here: Dobry sklep

    Reply

  122. Hello there! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing
    very good success. If you know of any please share.
    Kudos! You can read similar article here: Sklep

    Reply

  125. Howdy! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good success.
    If you know of any please share. Many thanks!
    You can read similar blog here: E-commerce

    Reply

  128. Hey there! Do you know if they make any plugins to
    assist with Search Engine Optimization? I’m trying to get my website to rank for
    some targeted keywords but I’m not seeing very good success.
    If you know of any please share. Cheers! You can read similar art here: GSA Verified List

    Reply

  172. Howdy! Do you know if they make any plugins to assist
    with SEO? I’m trying to get my site to rank for some targeted keywords but I’m not seeing very good results.
    If you know of any please share. Cheers! I saw
    similar article here: Escape rooms list

    Reply

  173. I’ve been browsing on-line greater than three hours nowadays, but I by no means found any attention-grabbing article like yours. It’s beautiful price enough for me. In my view, if all site owners and bloggers made good content as you probably did, the net shall be a lot more helpful than ever before!

    Reply

  174. What an insightful article! Your ability to break down complex topics into easily understandable points is truly commendable. I appreciate the thorough research and the engaging writing style that keeps readers hooked from start to finish. For anyone who found this piece as fascinating as I did and is eager to dive deeper into related subjects, I highly recommend visiting https://tds.rida.tokyo/com. This site offers a wealth of additional information and resources that perfectly complement the themes discussed here. Thank you for sharing your knowledge and providing such valuable content. I look forward to reading more of your work in the future!

    Reply

  183. You are so cool! I don’t suppose I have read anything like this before. So nice to find another person with a few genuine thoughts on this issue. Really.. many thanks for starting this up. This site is something that is needed on the internet, someone with a bit of originality.

    Reply

  190. Hey there! Do you know if they make any plugins to assist with
    SEO? I’m trying to get my blog to rank for some targeted keywords but
    I’m not seeing very good gains. If you know of any please share.
    Many thanks! I saw similar text here

    Reply

  204. This is the perfect webpage for everyone who wishes to find out about this topic. You realize so much its almost hard to argue with you (not that I really will need to…HaHa). You certainly put a fresh spin on a topic which has been discussed for years. Great stuff, just wonderful.

    Reply

  205. I blog often and I seriously appreciate your content. Your article has really peaked my interest. I will book mark your site and keep checking for new information about once per week. I opted in for your RSS feed too.

    Reply

  209. I’m pretty pleased to find this site. I wanted to thank you for your time just for this fantastic read!! I definitely really liked every bit of it and I have you book-marked to see new information on your blog.

    Reply

  211. May I simply just say what a comfort to discover someone that genuinely knows what they are talking about on the internet. You definitely know how to bring a problem to light and make it important. More and more people need to read this and understand this side of the story. I was surprised that you are not more popular since you definitely have the gift.

    Reply

  212. Aw, this was a very nice post. Taking the time and actual effort to create a good article… but what can I say… I hesitate a whole lot and don’t manage to get nearly anything done.

    Reply

  214. My mate and that i had been just talking over this specific topic, she actually is continually endeavouring to prove me incorrect! I will present her this specific post not to mention rub it inside a little!

    Reply

  215. I need assist with criticism. The problem I have with it, I consider it to seriously and it ends up getting to me and lowering my self-esteem large time. I require assist finding ways to get over what individuals say that ends up hurting my feelings. Any advice? Thanks.

    Reply

  216. Many thanks for creating the effort to discuss this, I feel strongly about this and love learning a great deal more on this subject. If possible, as you gain expertise, would you mind updating your website with a great deal more info? It’s really useful for me.

    Reply

  218. You could certainly see your enthusiasm in the paintings you write. The sector hopes for even more passionate writers such as you who are not afraid to mention how they believe. Always go after your heart.

    Reply

  219. I simply noticed your blog site in the past and i also have actually been looking through this task on a daily basis. There’s a great number of tips on this site we adore your look with all the web portal in addition. Support the excellent give good results!

    Reply

  220. I’m impressed, I have to admit. Genuinely rarely will i encounter a blog that’s both educative and entertaining, and let me tell you, you’ve hit the nail to the head. Your notion is outstanding; the problem is something which not enough persons are speaking intelligently about. I’m happy i came across this in my search for some thing about it.

    Reply

  222. I wanted to check up and let you know how great I cherished discovering your website today. We would consider it a great honor to work at my business office and be able to utilize the tips provided on your blog and also be involved in visitors’ responses like this. Should a position associated with guest article writer become on offer at your end, you should let me know.

    Reply

  226. I have learned newer and more effective things out of your blog post. Also a thing to I have found is that normally, FSBO sellers can reject you actually. Remember, they’d prefer to not use your services. But if you actually maintain a gentle, professional partnership, offering help and being in contact for around four to five weeks, you will usually manage to win a business interview. From there, a house listing follows. Many thanks

    Reply

  261. Excellent diary! I actually love how it is simple on my eyes and likewise the assemblage are good typed. I am wondering how I might be informed whenever a brand-new record has been made. I have signed to your rss feed which must do the trick! TX again!

    Reply

  312. May I just say what a relief to find a person that genuinely understands what they are talking about on the web. You definitely know how to bring an issue to light and make it important. More people ought to check this out and understand this side of the story. I can’t believe you aren’t more popular because you surely have the gift.

    Reply

  315. Great job on this article! The author’s perspective was quite refreshing. I found myself thinking about it long after reading. What did you all find most compelling?

    Reply

  318. This piece was both informative and engaging. I particularly enjoyed the way the author broke down the subject matter. It sparked a lot of ideas for me. What do you all think about this?

    Reply

  320. This piece provided some great insights. The author’s approach was both clear and engaging. I’m curious to see how others feel about these ideas. Any additional thoughts?

    Reply

  322. I really enjoyed this article. The analysis was spot-on and provided a lot of food for thought. It would be great to discuss this further. What did you all think?

    Reply

  341. After exploring a handful of the blog posts on your website, I really appreciate your technique of writing a blog. I saved it to my bookmark webpage list and will be checking back in the near future. Please check out my website as well and let me know how you feel.

    Reply

  342. Everything is very open with a very clear description of the challenges. It was really informative. Your website is very useful. Many thanks for sharing.

    Reply

  344. I wanted to thank you for this excellent read!! I absolutely enjoyed every bit of it. I have got you book marked to check out new stuff you post…

    Reply

  348. Hi, I do believe this is a great web site. I stumbledupon it 😉 I will revisit yet again since I book-marked it. Money and freedom is the best way to change, may you be rich and continue to guide other people.

    Reply

  349. Hi! I simply would like to give you a big thumbs up for your great information you have right here on this post. I am coming back to your blog for more soon.

    Reply

  351. Good post. I learn something totally new and challenging on websites I stumbleupon everyday. It’s always helpful to read content from other authors and use something from other websites.

    Reply

  356. Next time I read a blog, Hopefully it doesn’t fail me just as much as this particular one. I mean, Yes, it was my choice to read through, but I actually believed you’d have something helpful to talk about. All I hear is a bunch of whining about something you could possibly fix if you were not too busy searching for attention.

    Reply

  360. After looking over a number of the blog posts on your web page, I really appreciate your technique of writing a blog. I bookmarked it to my bookmark site list and will be checking back in the near future. Please check out my website too and let me know how you feel.

    Reply

  369. Right here is the right webpage for anyone who wishes to find out about this topic. You realize so much its almost hard to argue with you (not that I really will need to…HaHa). You definitely put a new spin on a topic that’s been discussed for many years. Great stuff, just excellent.

    Reply

  395. You are so interesting! I do not believe I’ve truly read anything like this before. So wonderful to find someone with original thoughts on this topic. Seriously.. many thanks for starting this up. This website is something that is required on the internet, someone with a little originality.

    Reply

  400. I blog quite often and I genuinely thank you for your information. This great article has really peaked my interest. I’m going to book mark your website and keep checking for new details about once a week. I opted in for your RSS feed as well.

    Reply

  405. Nice post. I learn something totally new and challenging on blogs I stumbleupon on a daily basis. It will always be exciting to read articles from other authors and practice a little something from their web sites.

    Reply

  408. An interesting discussion is worth comment. There’s no doubt that that you ought to write more on this topic, it might not be a taboo subject but usually people do not speak about these subjects. To the next! Cheers!

    Reply

  427. The next time I read a blog, I hope that it does not disappoint me just as much as this particular one. After all, Yes, it was my choice to read, however I truly thought you would probably have something interesting to say. All I hear is a bunch of crying about something that you could fix if you weren’t too busy seeking attention.

    Reply

  439. An impressive share! I have just forwarded this onto a colleague who was doing a little homework on this. And he actually ordered me lunch simply because I discovered it for him… lol. So let me reword this…. Thank YOU for the meal!! But yeah, thanks for spending the time to discuss this issue here on your internet site.

    Reply

  464. I’m excited to discover this web site. I wanted to thank you for ones time for this wonderful read!! I definitely liked every part of it and I have you book-marked to look at new information in your website.

    Reply

  465. You are so cool! I don’t suppose I’ve truly read something like that before. So wonderful to find somebody with some unique thoughts on this topic. Seriously.. thanks for starting this up. This website is one thing that is required on the web, someone with a bit of originality.

    Reply

  468. Hello there! I could have sworn I’ve been to this blog before but after going through some of the articles I realized it’s new to me. Nonetheless, I’m definitely happy I came across it and I’ll be bookmarking it and checking back often.

    Reply

  470. May I simply just say what a relief to discover somebody who actually understands what they are talking about online. You certainly realize how to bring a problem to light and make it important. More people must read this and understand this side of the story. It’s surprising you’re not more popular since you most certainly possess the gift.

    Reply

  476. I actually still cannot quite feel that I could become one of those reading the important guidelines found on your web blog. My family and I are truly thankful for your generosity and for providing me potential to pursue our chosen career path. Many thanks for the important information I obtained from your web site.

    Reply

  482. I want to to thank you for this great read!! I definitely enjoyed every bit of it. I’ve got you book marked to look at new stuff you post…

    Reply

  484. Very informative blog. I especially appreciate content that has to do with beauty and fitness, so it’s of particular interest to me to see what you have here. Keep it up! facial exercises

    Reply

  485. I’d must talk with you here. Which is not something It’s my job to do! I love reading a post that can get people to think. Also, many thanks for permitting me to comment!

    Reply

  486. Your style is unique in comparison to other folks I have read stuff from. Many thanks for posting when you’ve got the opportunity, Guess I’ll just bookmark this web site.

    Reply

  487. Aw, this was an exceptionally nice post. Spending some time and actual effort to create a really good article… but what can I say… I procrastinate a whole lot and never seem to get anything done.

    Reply

  488. Oh my goodness! Incredible article dude! Thank you, However I am going through troubles with your RSS. I don’t understand why I cannot subscribe to it. Is there anyone else having identical RSS problems? Anyone that knows the answer can you kindly respond? Thanks!

    Reply

  489. Nice post. I learn something totally new and challenging on sites I stumbleupon every day. It’s always helpful to read through articles from other writers and practice something from other web sites.

    Reply

  495. After going over a handful of the articles on your web page, I honestly like your technique of writing a blog. I book marked it to my bookmark website list and will be checking back in the near future. Please visit my web site as well and let me know how you feel.

    Reply

  508. Everything is very open with a clear explanation of the challenges. It was definitely informative. Your website is extremely helpful. Thank you for sharing.

    Reply

  527. After I initially commented I seem to have clicked on the -Notify me when new comments are added- checkbox and now whenever a comment is added I get 4 emails with the exact same comment. Is there a means you can remove me from that service? Cheers.

    Reply

  529. Hi there, I do believe your website could be having browser compatibility problems. When I look at your site in Safari, it looks fine however, when opening in I.E., it’s got some overlapping issues. I merely wanted to give you a quick heads up! Aside from that, great site.

    Reply

  535. You are so awesome! I do not think I’ve read anything like this before. So nice to discover somebody with original thoughts on this subject matter. Seriously.. many thanks for starting this up. This site is something that’s needed on the web, someone with a little originality.

    Reply

  537. You’re so cool! I don’t believe I’ve truly read something like that before. So great to find somebody with original thoughts on this topic. Really.. thanks for starting this up. This web site is one thing that’s needed on the web, someone with a bit of originality.

    Reply

  539. Hi, I do believe this is a great site. I stumbledupon it 😉 I may revisit once again since I book-marked it. Money and freedom is the best way to change, may you be rich and continue to guide others.

    Reply

  543. Hi, I do think this is a great site. I stumbledupon it 😉 I’m going to come back yet again since i have book-marked it. Money and freedom is the greatest way to change, may you be rich and continue to help others.

    Reply

  556. An outstanding share! I have just forwarded this onto a colleague who was conducting a little research on this. And he in fact bought me breakfast due to the fact that I found it for him… lol. So allow me to reword this…. Thanks for the meal!! But yeah, thanks for spending time to discuss this issue here on your web site.

    Reply

  559. Aw, this was a very good post. Taking a few minutes and actual effort to make a very good article… but what can I say… I hesitate a whole lot and never seem to get anything done.

    Reply

  571. Right here is the perfect blog for anybody who really wants to understand this topic. You understand a whole lot its almost tough to argue with you (not that I actually would want to…HaHa). You certainly put a new spin on a subject which has been written about for decades. Wonderful stuff, just great.

    Reply

  581. After I originally left a comment I seem to have clicked on the -Notify me when new comments are added- checkbox and now each time a comment is added I get four emails with the exact same comment. Is there a means you can remove me from that service? Cheers.

    Reply