Introduction to html course digital markerters
•Download as PPTX, PDF•
4 likes•2,358 views
Introduction to HTML for Digital marketing Professionals learn html online from SEO SKILLS Academy, Hyderbad. https://www.seoskills.in
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Introduction to html course digital markerters
Similar to Introduction to html course digital markerters (20)
More from SEO SKills
More from SEO SKills (20)
Recently uploaded
Recently uploaded (20)
Introduction to html course digital markerters
- 1. Introduction to html Y.Ravindra Reddy https://www.seoskills.in
- 3. HTML Hyper Text Markup Language https://www.seoskills.in
- 4. • HTML stands for Hyper Text Markup Language. • It is developed by Tim Berner's Lee at W3C (World Wide WebConsortium). • It is used to create Static Web pages. • It is a global language i.e., it can be understood by all browsers. • It is a markup language. • It is not case-sensitive language. • The latest version of HTML is HTML 5 • HTML documents are also called as web pages. • HTML pages can run on any browser. https://www.seoskills.in
- 5. • HTML documents are simply text documents with a specific form • Documents comprised of content and markup tags • Content: actual information being conveyed • The markup tags tell the Web browser how to display the page • An HTML file must have an htm or html file extension • An HTML file can be created using a simple text editor https://www.seoskills.in
- 7. • HTML tags are used to mark-up HTML elements • Surrounded by angle brackets < and > • HTML tags normally come in pairs, like <tagname> (start tag) and </tagname> (end tag) • The text between the start and end tags is the element content • Not case-sensitive • Follow the latest web standards: • Use lowercase tags https://www.seoskills.in
- 9. • Tags can have attributes that provide additional information to an HTML element • Attributes always come in name/value pairs like: name=“value” • Attributes are always specified in the start tag • Attribute values should always be enclosed in quotes. Double quotes are most common. • Also case-insensitive: however, lowercase is recommended • <tagname a1=“v1” a2=“v2”></tagname> • For example, <table border=“0”> is a start tag that defines a table that has no borders https://www.seoskills.in
- 11. Entire document enclosed within <html> and </html> tags Two subparts: 1. Head Enclosed within <head> and </head> Within the head, more tags can be used to specify title of the page, meta-information, etc. 2. Body Enclosed within <body> and </body> Within the body, content is to be displayed Other tags can be embedded in the body https://www.seoskills.in
- 13. • HTML Elements • HTML Headings • HTML Paragraphs • HTML Formatting • HTML Styles • HTML Images • HTML Tables • HTML Lists • HTML Forms • HTML Colors https://www.seoskills.in
- 15. One common way is to use HTML tables to format the layout of an HTML page The trick is to use a table without borders, and maybe a little extra cell-padding • Keep screen resolution in mind • Use color to define spaces • Align your images • Balance the graphics and text on a page • Think about text width – scan length 7 – 11 words • Centering text is inadvisable • Here is the link: http://webdesign.about.com/od/layout/a/aa062104.htm https://www.seoskills.in
- 17. HTML frames are a means of having several browser windows open within a single larger window Each HTML document is called a frame Disadvantages: Must keep track of more HTML documents Difficult to print the entire page https://www.seoskills.in
- 20. Below is a visualization of an HTML page structure: <html> <body> <h1>This a Heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> https://www.seoskills.in
- 22. Since the early days of the web, there have been many versions of HTML Version Year HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 https://www.seoskills.in
- 25. The <!DOCTYPE> declaration helps the browser to display a web page orrectly. There are many different documents on the web, and a browser can only display an HTML page 100% correctly if it knows the HTML type and version used. https://www.seoskills.in
- 26. Common Declarations HTML5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> https://www.seoskills.in
- 27. HTML code can be written in: • Notepad • Notepad++ • Microsoft Visual Studio • Adobe Dreamweaver • Microsoft Expression Web • Edit Plus • Text Pad • Notepad++ etc. However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML. https://www.seoskills.in
- 28. HTML and XHTML Full References https://www.seoskills.in
- 29. Full Reference from W3schools: http://www.w3schools.com/tags/ Test your HTML http://www.w3schools.com/html/html_whyusehtml4.asp https://www.seoskills.in