The WHO was founded in 1948.

href, src, alt, height, width, style

Spaces and Equal Signs

This is another
paragraph.

Here is title

Here is content

This text will be written from right to left

Here are the block-level elements in HTML:

Tobu mone rekho by Shah Kamal Khan.

RGB values, HEX values, HSL values, RGBA values, and HSLA values.

Same as color name "Tomato":

rgb(255, 99, 71)

#ff6347

hsl(9, 100%, 64%)

Same as color name "Tomato", but 50% transparent:

rgba(255, 99, 71, 0.5)

hsla(9, 100%, 64%, 0.5)

⟨!- -Write your comments here - - ⟩

Cascading Style Sheets (CSS) is used to format the layout of a webpage.

Reserved characters in HTML must be replaced with character entities. Entity names are case sensitive.

Combining Diacritical Marks

A diacritical mark is a "glyph" added to a letter. Some diacritical marks, like grave ( ̀) and acute ( ́) are called accents.

Symbols

Symbols that are not present on your keyboard can also be added by using entities.

Emojis are characters from the UTF-8 character set:

What are Emojis?

Emojis look like images, or icons, but they are not. They are letters (characters) from the UTF-8 (Unicode) character set.

The HTML charset Attribute

If not specified, UTF-8 is the default character set in HTML.

UTF-8 Characters

Emoji Characters

To let the browser understand that you are displaying a character, you must start the entity number with &# and end it with ; (semicolon). Since Emojis are characters, they can be copied, displayed, and sized just like any other character in HTML.

The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

The <figcaption> tag defines a caption for a <figure> element. The <figcaption> element can be placed as the first or as the last child of a <figure> element.

the default width of an input field is 20 characters.

Canvas

SVG Graphics

SVG defines vector-based graphics in XML format.

SVG stands for Scalable Vector Graphics

A link does not have to be text. A link can be an image or any other HTML element!

There is no difference between the .htm and .html file extensions! Both will be treated as HTML by any web browser and web server.

Header 1

Header 2

Header 3

Header 4

header 5

Header 6

The <img> tag is empty, it contains attributes only, and does not have a closing tag.

                <img src ="../picture/imageMap.jpg" alt ="imageMap" usemap ="#testmap">
    
                <map name ="testmap">
                    <area shape ="rect" coords ="250, 264, 630, 607" href ="./laptop.html" alt ="laptop">
                    <area shape ="circle" coords ="740, 566, 38" href ="./mouse.html" alt ="mouse">
                    <area shape ="" coords ="" href ="" alt ="">
                </map>
                

HTML Input Attributes

value,

content

hyperlink

local link

HTML has several semantic elements that define the different parts of a web page:

                    

                        
<header>
-Defines a header for a document or a section
                        
<nav>
Defines a set of navigation links
                        
<section>
- Defines a section in a document
                        
<article>
- Defines an independent, self-contained content
                        
<aside>
- Defines content aside from the content (like a sidebar)
                        
<footer>
- Defines a footer for a document or a section
                        
<details>
- Defines additional details that the user can open and close on demand
                        
<summary>
- Defines a heading for the 
 element
 
                    
                

            <ol start ="50">
                <li>first<li>
                <li>second<li>
            </ol>
        
            <ol type ="I"start ="10">
                <li>first<li>
                <li>second<li>
            </ol>
            

            <ul>
                <li>Ashik<li>
                <li>hobby
                    <ul>
                        <li>watching movie<li>
                        <li>Gaming<li>
                    <ul>
                <li>
            </ul>
            

A list item (< li >) can contain a new list, and other HTML elements, like images and links, etc.

            <dl>
                <dt>name<dt>
                <dd>- my name<dd>
            </dt>
            

Multimedia on the web is sound, music, videos, movies, and animations. The MP4, WebM, and Ogg formats are supported by HTML.

abc

content

This is a paragraph.

This is another paragraph.

                
                hello
                    world.
            

content

Responsive web design is about creating web pages that look good on all devices! A responsive web design will automatically adjust for different screen sizes and viewports.

Media Queries

In addition to resize text and images, it is also common to use media queries in responsive web pages. With media queries you can define completely different styles for different browser sizes.

resize the browser window:

Responsive Web Design - Frameworks

All popular CSS Frameworks offer responsive design. W3.CSS, Bootstrap

This is a heading

This is a paragraph.

Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

Examples of semantic elements: <form>, <table>, and <article> - Clearly defines its content.

Close All HTML Elements

Use Lowercase Attribute Names, Spaces and Equal Signs

HTML allows spaces around equal signs. But space-less is easier to read and groups entities better together.

Always Specify alt, width, and height for Images

Differences Between .htm and .html?

There is no difference between the .htm and .html file extensions! Both will be treated as HTML by any web browser and web server.

The WHO was founded in 1948.

This is Bold text

This is Important text

This is Italic text

I Emphasized text that

Marked text

This is the Smaller text of the paragraph

Discount: Deleted text

Inserted text Under line

_{Subscript text} TEXT ^{Superscript text}

Here is quote

Table

content

video

Youtube video

content

What is XHTML?

• XHTML stands for EXtensible HyperText Markup Language
• XHTML is a stricter, more XML-based version of HTML
• XHTML is HTML defined as an XML application
• XHTML is supported by all major browsers

content

content