Learn HTML at HackBI!
<p> tags are useful for writing paragraphs and general text.
Inside of the <p> tags, you can use the <strong> tags to display bolded text.
The <u> tag will underline your text. <em> tags are excellent for italicizing your sentences.
Don't be afraid to combine all of the tags!
Add an "enter" between lines with the <br> tag.
Use the <a> tag to create a link to another website, or a link to another page on your site.
To link the website, include: href="https://website.com" inside of the first <a> tag.
Click Here to go to the HackBI website.
Certain special characters are reserved for a specific function in html, and as a result will not work
when you try to write them in your paragraphs. An example of this would be the '<' and '>' symbols.
html thinks that they are starting or ending a tag, which breaks the html. To get around this, we need to
use special symbols to represent them. '<' can be represented with < and '>'
can be represented with >.
<ol> (Ordered List) will give you a numbered list
Use the <img> tag to put images into your webpage. To specify what image you want, change the 'src'
attribute to point toward the image location. If you were getting the image from another site, this
would look like:
<img src="https://www.a-website.com/image1.png">
If you wanted to add an image from your own file system, then you would do:
<img src="path/to/your/file/image2.png">
Take this image for instance. I already have 'frog.jpg' in my file system, so I need to specify the location of the image:
<img src="images/frog.jpg">
