Important HTML Words

simple // ur most basic layout tutorials thread

just some HTML words. o u o
ignore if you want to. it's not even that long anyway.

There are only 5 words that I'm going to be explaining. I'm pretty sure that there are millions more but... ya'know~ (totally exaggerating when I said millions)

Element - an element is everything from the start tag to the end tag.

Example:
< span style="font-family: times new roman; font-size: 12px; color: #808080;"/ >idyllic< /span >

Start Tag - the first tag to an element.

Example:
<
span style="font-family: times new roman; font-size: 12px; color: #808080;"/ >idyllic< /span >

End Tag - the closing tag to an element.

Example:
< span style="font-family: times new roman; font-size: 12px; color: #808080;"/ >idyllic<
/span >

Tag - HTML tags are keywords surrounded by the brackets.

Example:
<
span style="font-family: times new roman; font-size: 12px; color: #808080;"/ >idyllic< /span >

Attribute - they provide additional information about an element.

Example:
< span
font-family="times new roman" font-size="12px;" color="#808080" >idyllic< /span >

HOWEVER, something something about using all that not working anymore ever since HTML4. Hence we use the attribute 'style'.
So here's how it should be:

< span style="font-family: times new roman; font-size: 12px; color: #808080;"/ >idyllic< /span >

and so in the end, the only attribute we really use is 'style'. ouo;;

 

Like this story? Give it an Upvote!
Thank you!

Comments

You must be logged in to comment
starfan24
#1
Chapter 13: ⋆。°✩Reader Comment⋆。°✩

Hi author -esque!!

Love this tutorial!! Thank you so much!!

Reader
⋆。°✩starfan24⋆。°✩
Krystal_Luu
#2
Thank you for creating this!!!!
godna24
#3
Chapter 38: hi erm i wanna ask is it possible to use background image instead of background color in the scroll box?
Mael517 #4
Chapter 32: Thank you; this was very helpful!
sikakira
#5
Chapter 18: I wish text shadow worked :((((
Sakarafreak
#6
Chapter 7: Im still confused on the strikethrough..
Dark_History45 #7
Chapter 23: how to change the background image?
Jisoori #8
Chapter 8: why do i have this 'lorem ipsum dolor sit amet' on my preview?