web programming, Introduction to html tags
Download as PPTX, PDF•0 likes•45 views
HTML (Hypertext Markup Language) is the standard markup language for creating web pages, using tags to structure content and define formatting. It consists of various elements such as headings and links, and its page structure includes a declaration, root element, head, and body sections. HTML is easy to learn and platform-independent, allowing the incorporation of multimedia and scripting functionalities.
web programming, Introduction to html tags
- 2. HTML Introduction HTML, or HyperText Markup Language, is the standard markup language used to create web pages. It’s a combination of Hypertext, which defines the link between web pages, and Markup language, which is used to define the text document within tags to structure web pages. This language is used to annotate text so that machines can understand and manipulate it accordingly. HTML is human-readable and uses tags to define what manipulation has to be done on the text.
- 3. What is HTML? HTML stands for HyperText Markup Language and it is used to create webpages. It uses HTML tags and attributes to describe the structure and formatting of a web page. HTML consists of various elements, that are responsible for telling search engines how to display page content. For example, headings, lists, images, links, and more.
- 4. HTML Elements and Tags HTML Elements and Tags HTML uses predefined tags and elements that instruct the browser on how to display the content. HTML elements include an opening tag, some content, and a closing tag. It’s important to remember to include closing tags. If omitted, the browser applies the effect of the opening tag until the end of the page.
- 5. Features of HTML It is easy to learn and easy to use. It is platform-independent. Images, videos, and audio can be added to a web page. Hypertext can be added to the text. It is a markup language. HTML Page Structure
- 6. HTML Page Structure <!DOCTYPE html> – This is the document type declaration (not technically a tag). It declares a document as being an HTML document. The doctype declaration is not case-sensitive. <html> – This is called the HTML root element. All other elements are contained within it. <head> – The head tag contains the “behind the scenes” elements for a webpage. Elements within the head aren’t visible on the front end of a webpage. HTML elements used inside the <head> element include: <style> – This HTML tag allows us to insert styling into our web pages and make them appealing to look at with the help of CSS. <title> – The title is what is displayed on the top of your browser when you visit a website and contains the title of the webpage that you are viewing.
- 7. <base> – It specifies the base URL for all relative URL’s in a document. <noscript> – Defines a section of HTML that is inserted when the scripting has been turned off in the user’s browser. <script> – This tag is used to add functionality to the website with the help of JavaScript. <meta> – This tag encloses the metadata of the website that must be loaded every time the website is visited. For eg:- the metadata charset allows you to use the standard UTF-8 encoding on your website. This in turn allows the users to view your webpage in the language of their choice. It is a self-closing tag. <link> – The ‘link’ tag is used to tie together HTML, CSS, and JavaScript. It is self- closing. <body> – The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end. An HTML document can be created using an HTML text editor. Save the text file using the “.html” or “.htm” extension. Once saved as an HTML document, the file can be opened as a webpage in the browser.
- 8. Sample code <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--The above meta characteristics make a website compatible with different devices. --> <title>Demo Web Page</title> </head> <body> <h1>The American College</h1> <p>Department of computer science</p> </body> </html>
- 9. HTML Tables Put your last thoughts or wrap up here