Skip to main content

Website 2 : Writing Inspiration Playlist


List

List and how to create one using html. Firstly a line break can be created using a tag however you will end up needing to use that tag a lot more frequently if you have a really long list of items.

These are the types of lists:

1) Unordered list (ul) - numbers are not to be used with a child tag list item (li) 
    By default it is bulleted.
2) Ordered list (ol) similar to ul but is numbered.
3) Definition list (dl) - a term (dt) and a detail (dd) required 

Headings

In terms of search engine optimisation - the h1 (heading level 1) tag is the most important. The h2 tag is used for sub heading and the rest used for the other informations. All the heading tags are important as they are what search engines use to identify your website.

Other tags 


Blockquote (blockquote)

Use when trying to add in a quote into the website. Basically, the markup is not for style purposes but to help to identify the different type of information or data present in the website.

Anchor tags (a href="")

The anchor tag is a tag that allows a text to act as a link. It is highlighted as blue or as purple for previously visited websites. To open link within a new tab, add another attribute type called target =  "_blank" for opening a new blank tab. To link to a local page, directly reference it if it is in the same directory.

Strong tag (strong)

Used to bold certain parts of the information

Emphasis tag (em)

Used to italicise certain parts of the information

Challenge 

My challenge - create a simple website using any of the types of list, the heading tag and the anchor tag.

Html for "Writing Inspiration Playlist"






Comments

Popular posts from this blog

Website 1 : YA Quotes

I'll be using a journal like structure to note down my progress in learning css and html (and maybe php). So firstly, I decided to create a website to preview basic text and a normal structure. I also used css to change the style a bit. For example changing the background colour to purple and aligning the text. For html, I learned about the basic syntax and structure and I also found out about a few more points: 1) Adding the tag changes the title at the tab section.  2) Headers can be created using tags up until h6 3) Paragraphs of text can be displayed using the following tag For CSS: To include CSS in html, use the tag tag used ->body{                   background:#581845;                   } YA Quotes Site page source: https://drive.google.com/file/d/0B4Sg25vtHjmEelRYNlluaFhkb3c/view?usp=sharing