Labels
Posted by Went to the moon on

Something I should've learnt in Form 4 (HTMl)



So yeah, I never thought I'd be here, but see with these programming languages the more you go into it there, the more you realise Web development is "inevitable"😐. I never bothered with it and now the more I do I see I need JavaScript and Python. I mean I could always stick to Python projects but to do things that will give me money before an actual job this is the way and there's really nothing wrong with an extra language😁

So yeah HTML.


 First thoughts, the syntax is weird, but it makes sense. Like what you start with is what you end with. I kinda like it but I also said that about Python when I was still printing “Hello World”. So only time will tell. The other thing I like is Freecodecamp used a cat app as an example. Lol, I have 2 well my grandma has 2 but yeah they are my cats too so this is very much enjoyable.

 


I am very much here to tell people “I am fluent In 2 programming languages” when they ask me. Yes Yes, I am getting ahead of myself.

Something weird about HTML(it may not be weird but I am a Python person) 2 spaces to indent? What!? That makes stuff all clumsy. I think so yeah yeah. That

It was getting consistent then they said Img tags don’t have closing tags. Sigh.

Isn’t he cute!

 

They do have some sensible conventions though like <li> being a list hey



So much syntax, so so so manyyyy!
Anyway for your convenience( that's a lie this is to remind myself once I forget the different syntax lol) everything I have learnt.

HTML SYNTAX

<!DOCTYPE html> So I understand this is because it's the standard to mention what type it is.
<html> This is just telling you this is where the HTML starts, you can put a language in the label by the way i.e "lang=en"
<head> Yes, yes get your mind out of the gutter. This keeps the metadata of the page.  Also where the title label resides.
<title> This is self-explanatory.
<body> body ody like cola, so here we write everything on the page think of a Word document, this is where you'd find your paragraphs.
<main> had to look this up, it contains the main content of the page. it shouldn't contain stuff found elsewhere.
<h1-3>these are headings
<section> it's a section
<p> paragraph yayyy.
<a> anchor This can be used to highlight text to lead it to a website or another link.
<ul> unordered list
<ol> ordered list
<li> list element
<figure.> self-contained elements
<img> come on guess that in the comments
<figcaption> come on yk it
<legend>caption for a fieldset
<fieldset> ever seen those boxes around those tick a box options.
<button> yess 
<form> this is a form
<footer> usually contains copyright info

Labels:

Comments

Post a Comment

Say something Diego!