HTML
What is HTML?
HTML is the standard markup language for creating Web pages.
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Guidelines and tips
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
This is the HTML notes for understanding the HTML in deep to do coding
Typology: Exams
2018/2019
1 / 28
This page cannot be seen from the preview
Don't miss anything!
Related documents
Partial preview of the text
Download HTML notes Singularis and more Exams Software Engineering in PDF only on Docsity!
HTML
What is HTML?
HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page
Page Title
//Html Elements
The declaration defines this document to be HTML The element is the root element of an HTML page The element contains meta information about the document The element specifies a title for the document The <body> element contains the visible page content
HTML Tags
HTML tags are element names surrounded by angle brackets: <tagname>content goes here...</tagname> HTML tags normally come in pairs like <p> and </p> The first tag in a pair is the start tag, the second tag is the end tag The end tag is written like the start tag, but with a forward slash inserted before the tag name
Save the HTML Page
Name the file "index.htm" or “index.html”
HTML Headings
<h1> defines the most important heading. <h6> defines the least important heading. <h1>Heading 1</h1>
O/P
HTML Links - Hyperlinks
HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand.
HTML Images Syntax
In HTML, images are defined with the tag. The tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image:
HTML Line Breaks
The HTML
element defines a line break.
Use
if you want a line break (a new line) without starting a new paragraph:
HTML Horizontal Rules
The element is used to separate content (or define a change) in an HTML page:
HTML Comment Tags
You can add comments to your HTML source by using the following syntax:
HTML for Quotations
The HTML element defines a quotation.
WWF's goal is to: Build a future where people live in harmony with nature.
HTML for Abbreviations
The HTML element defines an abbreviation or an acronym. Marking abbreviations can give useful information to browsers, translation systems and search-engines.
HTML Formatting Elements
Formatting elements were designed to display special types of text: - Bold text - Important text - Italic text - Marked text - Small text - Deleted text - Inserted text - Subscript text - Superscript text O/P
Defining an HTML Table
An HTML table is defined with the tag. Each table row is defined with the tag. A table header is defined with the tag. By default, table headings are bold and centered. A table data/cell is defined with the tag.
O/P
Bill Gates 55577854 55577855
Cells that Span Many Rows To make a cell span more than one row, use the rowspan attribute: Example
Name: Bill Gates
Telephone: 55577854
55577855
HTML Lists
Example An Unordered List: Item Item Item Item An Ordered List:
- First item
- Second item
- Third item
- Fourth item HTML lists are defined with the (unordered/bullet list) or the (ordered/numbered list) tag, followed by tags (list items):
Coffee Tea Milk
Tea Milk
Unordered List with Circle Bullets o Coffee o Tea o Milk Example - Square
Coffee Tea Milk
Unordered List with Square Bullets Coffee Tea Milk Example - None
Coffee Tea
Milk
Unordered List without Bullets Coffee Tea Milk Ordered HTML List An ordered list starts with the tag. Each list item starts with the tag.
numbers type="i" The list items will be numbered with lowercase roman numbers Numbers
Coffee Tea Milk
Ordered List with Numbers
- Coffee
- Tea
- Milk Uppercase Letters
Coffee Tea Milk
Ordered List with Letters A. Coffee B. Tea C. Milk Lowercase letters
Coffee Tea Milk
Ordered List with Lowercase Letters a. Coffee b. Tea c. Milk Uppercase Roman Numbers:
Coffee Tea Milk
Ordered List with Roman Numbers I. Coffee
Example
Coffee
- black hot drink Milk
- white cold drink
Coffee Black hot drink Milk White cold drink Nested HTML Lists List can be nested (lists inside lists): Example
Coffee Milk Tea
Green Tea Black Tea
Juice
HTML Tag
O/P
HTML Tag
O/P