HTML___CSS__Lesson_2.1.pdf

Transcript

1. HTML & CSS : Lesson 2.1 Ram Sapkota
2. Getting to Know HTML
3. Semantic • Semantics within HTML is the practice of giving content on the page meaning and structure by using the proper element. • There are several benefits to using semantic elements, including enabling computers, screen readers, search engines, and other devices to adequately read and understand the content on a web page. • Additionally, semantic HTML is easier to manage and work with, as it shows clearly what each piece of content is about.
4. Divisions and Spans • Divisions, or <div>s, and <span>s are HTML elements that act as containers solely for styling purposes. • Both <div>s and <span>s, however, are extremely valuable when building a website. • We’ll commonly see <div>s and <span>s with class or id attributes for styling purposes. • Div tag is a block level tag. • Span is an inline element and used to group inline elements. • Div and Span Both Group elements.
6. • HTML comments start with <!-- and end with -->. • CSS comments start with /* and end with */. Comments in HTML & CSS
7. • Headings • Paragraphs • Bold Text with Strong • Italicize Text with Emphasis Using Text-Based Elements
8. Building Structure
9. Creating Hyperlinks Relative & Absolute Paths
10. Linking to an Email Address • mailto: • subject= • body= • All these are used in a attribute of
11. Opening Links Links are opened with target attribute. • _self • _blank • You can link to other section of HTML Page also.