the basics of html

CRASH COURSE TUTORIALS — learn how to code!
the basics of html

layouts are coded using HTML, which stands for hyper text markup language. it's what makes up basically everything on the internet. html code dictates the structure of a webpage or website, such as AFF! layout makers create layouts through a source code.

first, let's learn how to read html! below is a simple paragraph.

This is a nice paragraph. This text is bold. This text is italicized. This text is underlined. This is the end of the paragraph.

now, here is the source code of the paragraph.

< p >This is a nice paragraph. < strong >This text is bold.< /strong > < em >This text is italicized.< /em > < u >This text is underlined.< /u > This is the end of the paragraph.< /p >

the highlighted text are called tags. each tag is enclosed within angle brackets < >. IMPORTANT NOTE: you MUST remove the spaces between the tag and the brackets, or your code will not work. the above spaces are for the sake of this tutorial. you close tags by placing a slash / after the first bracket.

most tags are shortened to make it easier for coders. the p (paragraph) tag dictates what is within the paragraph. the strong tag dictates what is bold. the em (emphasis) tag dictates what is italicized. the u (underline) tag dictates what is underlined.

in our next lesson, we'll be learning how to format text even further and make your text more attractive.

thanks for checking out crash course tutorials! upvote and subscribe for more updates.

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

Comments

You must be logged in to comment
lilico
#1
is this still a thing : ))
PMEroleplay #2
Chapter 5: Please make tutorials on:
*how to put text on pictures
*how to link pictures to websites
*how to make text boxes that scroll
*more general basics

thank you ^~^
velvetred #3
omg i love this
john green and hank green < 3
-mrchuu
#4
Chapter 2: eue, I have a question...
You know how sometimes the layout overlaps in the comment section?
Why does that happen and how do you change it?

btw. I like your layouts. Tbh, sometimes, people who do layout tutorials make their layout all fancy and cute so you can't read anything nevertheless learn how to use the tutorial OTL
Yours is simple and nice :3
MickeyC7914
#5
Chapter 2: these are so helpful, thank you so much!
BestFriend18
#6
Chapter 2: update soon please.... /puppy eyes
I need your another tutorial^^
-Daezed-
#7
Chapter 2: please update soon ^^;
--starlightmelody
#8
Amaaaazing C:
Thanks for doing a layout tutorial~
May I request? I've been seeing layout with text on boxes, at first I thought it was picture with margin, but wrong, then I found that it can have borders~! Could you please do a tutorial about that? Thanks ^^
toukyo #9
Chapter 2: i can't put the text overlapping the image for some reason
toukyo #10
Chapter 2: just found this tutorial