Skip to main content

Posts

Showing posts with the label heading

html intermediate tutorial : Sectioning

Whereas div elements can be used to contain sections , used primarily as scaffolding on which to hang CSS, they don’t hold a great deal of meaning . Sectioning involves a handful of tags that can be used to define specific parts of a page, such as  articles ,  headers ,  footers , and navigation . Articles and Sections An  article  element can be used to mark up a standalone section  of content. This could be used just once, if you think of a blog post as an article, for example, or a number of times, if you imagine replicating a traditional newspaper page with numerous articles. A  section  element represents a more  general section  and could be used to split up an article, or to represent chapters, for example. < article > < section id = "intro" > < p > [An introduction] </ p > </ section > < section id = "main_content" > < p > [Content] </ p > ...
Read more

Learn CSS for beginners : Text

Font Family This is the font itself, such as Times New Roman, Arial, or Verdana. The user’s browser has to be able to find the font you specify, which, in most cases, means it needs to be on  their computer
Read more

Learn HTML for beginner : LIst

Unordered lists and ordered lists work the same way, except that the former is used for non-sequential lists with list items usually preceded by bullets and the latter is for sequential lists, which are normally represented by incremental numbers. The  u
Read more

Learn HTML for beginner : Images

The  img  tag is used to put an image in an HTML document and it looks like this: < img src = "http://www.htmldog.com/badge1.gif" width = "120" height = "90" alt = "HTML Dog" > The  src  attribute tells the browser where to find the image. Like the  a  tag, this can be absolute, as the above example demonstrates, but is usually relative. For example, if you create your own image and save it as “alienpie.jpg” in a directory called “images” then the code would be  <img src="images/alienpie.jpg"... The  width  and  height  attributes are necessary because if they are excluded, the browser will tend to calculate the size as the image loads, instead of when the page loads, which means that the layout of the document may jump around while the page is loading. The  alt  attribute is the  alternative description . This is an accessibility consideration, providing meaningful information for users who are ...
Read more