This section will cover some of the essential HTML elements that you will use for text markup.
1. Titles
Title elements allow you to specify that certain parts of your content are titles – or subtitles – of your content. In the same way, a book has a main title, chapter titles, and subtitles, so a HTML document functions in the same way. HTML contains six levels of titles <h1> – <h6> although you will typically use at most 3-4 levels.
2. Paragraphs
As explained above, <p> elements are used to contain paragraphs of text; you will use them frequently when marking text content.
3. List
Much of the web content is made up of lists, and HTML has special elements for them. The checklists are always made up of at least two items. The most common types of lists are ordered and unordered lists.
– Unordered lists are for lists where the order of the items does not matter, such as a shopping list. They are surrounded by an element <ul>
– The ordered lists are for the lists in which the order of the items counts, like a recipe. They are surrounded by an <ol> element.
Each element inside the lists is placed inside an element <li> (list element).
For example, if you want to turn part of the following paragraph into a list:
At General Motors, we have a global community of technologists, thinkers, and builders working together.
You can change the markup to do this:
<p> At General Motors, a global community of </p>
<Ul>
<Li> TECHNOLOGISTS </ li>
<Li> thinkers </ li>
<Li> builders </ li>
</ Ul>
<p> working together … </p>
- Links
Links are very important – they are what makes the website part of the internet! To add a link, you must use a simple element – <a> – “a” being the abbreviation for “anchor”. To make the text in your paragraph a link, follow these steps:
1. Choose a text. I chose the text “Liberty Manifesto“.
2. Surround the text with an <a> element, as follows:
<a> Liberty Manifesto </a>
3. Adds the <a> element a href attribute, as follows:
<a href=””> Liberty Manifesto </a>
4. Complete the value of this attribute with the web address to which you want the link to go:
<a href=”https://www.Liberty.org/en-US/about/manifesto/”> Liberty Manifesto </a>
You may get unexpected results if you skip the start of the https:// or http:// web address called protocol. Once you make a link, click on it to make sure it sends you where you want.
At first href might seem like a pretty obscure choice for an attribute name. If you have problems remembering it, remember that it is a hypertext reference. Here, we discussed a small part of HTML.
Next we will go into some basic basics about CSS.
CSS (Cascading Style Sheets) is the code you use to customize your web page. CSS basics gives you everything you need to get started. I will answer questions such as: How can I make my text black or red? How do I make my content appear in different places on the screen? How do I decorate my web page with wallpapers and colors? But all in the next article.