HTML – Study with Jamila

HTML IMAGES

Images can be added to the web pages for various reasons, they usually set the tone of the websites. A website author might decide to add a logo, pictures of various illustrations to their web pages. Images make web pages attractive and professional. Adding images to a HTML page The <img> element is used toContinue reading “HTML IMAGES”

HTML TABLES (PART 2)

FORMATTING HTML TABLES Different formatting styles can be applied on HTML tables such as changing the border color, border styles and background colors on a table Lets see how we can apply the above techniques on HTML tables Changing table border colors The borders of the tables and cells can change colors and patterns. TheContinue reading “HTML TABLES (PART 2)”

HTML TABLES (PART 1)

Tables can be used on web pages to display information in a tabular manner, that is information is displayed in form of rows and columns. HTML tables are created with the <table> element the content or the text within the table are written row by row. <tr> element indicates the beginning of the row andContinue reading “HTML TABLES (PART 1)”

HTML LINKS (PART 2)

4. Links that open a new window If you want to create links that opens in a new window use the <a> element and a target attribute The value of the target attribute can be : _blank – Opens the linked document in a new window or tab. _self – Opens the linked document in the sameContinue reading “HTML LINKS (PART 2)”

HTML LINKS (PART 1)

Websites or web applications links are used to facilitate navigation through web pages enabling the idea of browsing or surfing. Links are created with the <a> element. Within the opening <a> tag the href attribute is used, the value of the href attribute is the url (uniform resource locator) in which when the user clicksContinue reading “HTML LINKS (PART 1)”

HTML LISTS

A list is any information displayed in an organized linear manner. Types of lists HTML provides the following three types of lists Ordered lists Unordered lists Definition lists Ordered lists This type of HTML lists provides numbering to the list item, it labels each item on the list with either numbers, alphabets or roman numbers.Continue reading “HTML LISTS”

HTML ATTRIBUTES

Attributes provides extra information to the HTML elements or tags They are mainly added at the opening/start tag of an element The syntax of attributes is <element name of attribute = “value”> content </element> Types of Attributes HTML has a wide range of attributes, below I will discuss a few commonly used HTML attributes othersContinue reading “HTML ATTRIBUTES”

EXERCISE

Theoretical Exercise Differentiate between the Structural markup and the Sematic Markups Using the appropriate tags explain any THREE types of Structural and Semantic Markups Explain the following tags <blockquote> <q> <s> <abbr> 4. Using examples explain what is an empty tag 5. What is the purpose of white spaces in a HTML source code?Continue reading “EXERCISE”

FORMATTING TEXT ON WEB PAGES (PART 2)

SEMANTIC MARKUP Semantic markups are composed of the following Strong and Emphasis Quotations Abbreviations and Acronyms Citations and Definitions i. Strong and Emphasis In HTML to display content with strong emphasis the element is used browsers will show the contents of a element in bold. Example <!DOCTYPE html> <html> <head><title>News</title></head> <body> Beware Continue reading “FORMATTING TEXT ON WEB PAGES (PART 2)”

FORMATTING TEXT ON WEB PAGES (PART 1)

A web page is created using tags (known as markup) to the contents of the page. The tags provide extra meaning and allow browsers to show users the structure and the content of the page. Other than the opening and closing tags HTML has other categories of tags as follows Structural Markup – these areContinue reading “FORMATTING TEXT ON WEB PAGES (PART 1)”