1/29/2018
COMPUTER CLASS
HTML HANDBOOK
José Andrés Auyón Cóbar [Type text]
Page 1
HTML HANDBOOK
Contents ................................................................................................................................................ 3 What do you need to know? ....................................................................................................... 4 What does HTML stand for? .................................................................................................. 4 b. What is HTML used for? ..................................................................................................... 4 c. HTML TIMELINE................................................................................................................. 4 e. What is the basic or simple structure of an HTML document? ..................................... 5 f. What is the <!DOCTYPE> declaration? .............................................................................. 5 g. What is the basic HTML editor? ........................................................................................ 5 ............................................................................................................................................................. 6 ................................................................................................................................ 6 c)
j. What are the attributes of an HTML element? .......................................................... 7
d)
k. What are HTML tags?.................................................................................................. 8
e)
l. The HTML colors: Color names, RGB values, HEX values ..................................... 9
José Auyón
Page 2
HTML HANDBOOK
José Auyón
Page 3
HTML HANDBOOK
What do you need to know? What does HTML stand for? HTML stands for Hyper Text Markup Language b. What is HTML used for? HTML describes the structure of Web pages using markup c. HTML TIMELINE
d. HTML5 Definition: HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current major version of the HTML standard. HTML5 includes detailed processing models to encourage more interoperable implementations; it extends, improves and rationalizes the markup available for documents, and introduces markup and application programming interfaces
JosĂŠ AuyĂłn
Page 4
HTML HANDBOOK e. What is the basic or simple structure of an HTML document? An HTML document has two* main parts: head. The head element contains title and meta data of a web document. body. The body element contains the information that you want to display on a web page. f. What is the <!DOCTYPE> declaration? The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. g. What is the basic HTML editor? In Windows the basic HTML editor is NOTEPAD In Mac the basic HTML editor is TextEdit
José Auyón
Page 5
HTML HANDBOOK
José Auyón
Page 6
HTML HANDBOOK
a) What is an HTML element? An HTML element is an individual component of an HTML document or web page, once this has been parsed into the Document Object Model. An HTML element usually consists of a start tag and end tag, with the content inserted in between b) Define the elements in the basic HTML structure. Elements and Tags: HTML elements and tags work together to mark up content. Basic HTML Page Structure: A basic HTML page is a document that typically has the file extension . Doctype: The first line of code, <!DOCTYPE html>, is called a doctype declaration and tells the browser which version of HTML the page is written in. Head Element: The HTML head element is a container that can include a number of HTML elements that are not visible parts of the page rendered by the browser. c) j. What are the attributes of an HTML element? The href Attribute: HTML links are defined with the <a> tag. JosĂŠ AuyĂłn
Page 7
HTML HANDBOOK The src Attribute HTML images are defined with the <img> tag. The width and height Attributes Images in HTML have a set of size attributes The alt Attribute: The alt attribute specifies an alternative text to be used, when an image cannot be displayed. The style Attribute: The style attribute is used to specify the styling of an element, like color, font, size etc. The lang Attribute: The language of the document can be declared in the <html> tag. The title Attribute: Here, a title attribute is added to the <p> element. d) k. What are HTML tags? The <html> tag tells the browser that this is an HTML document. The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag).
JosĂŠ AuyĂłn
Page 8
HTML HANDBOOK e) l. The HTML colors: Color names, RGB values, HEX values
José Auyón
Page 9
HTML HANDBOOK
Cites: https://www.w3schools.com/html/html_attributes.asp https://www.w3schools.com/tags/tag_html.asp https://bethsoderberg.com/blog/html-basics-elements-tags-and-document-structure/ http://www.scriptingmaster.com/html/basic-structure-HTML-document.asp https://www.lehigh.edu/~inwww/seminar/reference/htmlchart.html http://htmldog.com/guides/html/beginner/tags/
José Auyón
Page 10