Showing posts with label HTML. Show all posts

Wednesday, August 9, 2023

Employment Application Form

http://127.0.0.1:5501/form2.html

<!DOCTYPE html>
<html >

<head>
    
    <title>Document</title>
    <style>
        p {
            color: grey;
        }
    </style>
</head>

<body>
    <fieldset style="border: 2px solid black; background-color:rgb(231, 146, 60)">
        <img src="employment.jpg" alt="" width="1300px" height="400px;">

        <form action=""></form>
        <h1>Employment Application</h1>

        <p>Fill the form below accurately indication your potentials and suitability 
to job applying job.</p>
    </fieldset >

    <fieldset style="border: 2px solid black; background-color: bisque;" >
        <form action=""></form>
        <b>Name*</b> <br><br>
        <input type="text"
            style="width: 300px; height: 30px; border-radius: 5px;">&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<input
            type="text" style="width: 300px; height: 30px; border-radius: 5px;">
        <p>First Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Last Name</p>
<br><br> <br>
        <b>Date Birth*</b> <br><br>
        <input type="number" min="01" max="12" style="width: 170px; height: 30px; 
border-radius: 5px;">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="number" min="22" max="60" style="width: 170px; height: 30px; 
border-radius: 5px;">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="number" min="2000" max="3000" style="width: 170px; height: 30px; 
border-radius: 5px;"> <br>
        <p>Month&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; Day&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;Year</p> <br><br><br>
        <b>Phone Number*</b> <br><br>
        <input type="number" placeholder="(000) 000-0000" style="width: 300px; 
height: 30px; border-radius: 5px;">
        <br><br><br>
        <b>Email*</b> <br><br>
        <input type="text" placeholder="ex:myname@example.com" style="width: 300px; 
height: 30px; border-radius: 5px;">
        <br>
        <p>example@example.com</p><br><br><br>
        <b>Address*</b> <br><br>
        <input type="text" style="width: 600px; height: 30px; border-radius: 5px;"> 
<br>
        <p>Streat Address</p> <br> <input type="text" style="width: 600px;
 height: 30px; border-radius: 5px;"><br>
        <p>Streat Address Line 2</p> <br><br>
        <input type="text" style="width: 290px; height: 30px; border-radius: 5px;">
        <input type="text" style="width: 290px; height: 30px; border-radius: 5px;">
<br>
        <p>City&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;State/Province
        </p> <br><br>
        <input type="text" style="width: 600px; height: 30px; border-radius: 5px;">
<br>
        <p>Postal/Zip code</p><br><br> How were you referred to us?* <br><br>
        <input type="button" style="width: 20px; height: 20px;"> Walk-in
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" style="width: 20px; height: 20px;"> Referral <br><br>
        <input type="button" style="width: 20px; height: 20px;"> Newspaper Ad
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" style="width: 20px; height: 20px;"> Facebook<br><br>
        <input type="button" style="width: 20px; height: 20px;"> Twitter
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" style="width: 20px; height: 20px;"> Linkedln <br><br>
        <input type="button" style="width: 20px; height: 20px;">Other(Please Specify)
 <br><br><br>
        <b>Resume And Files</b> <br><br>
        <input type="text" placeholder="Upload a Files &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 Drag and drop files here"style="width: 600px; height: 150px; border-radius: 5px;"> 
<br><br>
        <b>Motivation letter*</b> <br><br><input type="text" style="width: 600px; 
height: 150px; border-radius: 5px;"> <br><br>
        <b>Training And Certifications</b><br> <br>
        <input type="text" placeholder="Title" style="width: 300px; height: 30px; 
border-radius: 5px;" > <input type="date" placeholder="Date" style="width: 80px; 
height: 30px; border-radius: 5px;"><br> <br><input type="submit" placeholder="Save" 
style="width: 80px; height: 30px; border-radius: 5px;"> <br><br><br> 
         <h1>Reference</h1><p>Please list two (2) references that are familiar with 
your work life.</p> <br><br> 
        <b>Referance</b><br> 
        Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > 
<br><br> 
        Tital &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Relation &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Email  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" >
<br><br> 
        Phone Number &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;
<input type="number" style="width: 400px; height: 30px; border-radius: 5px;" >
 <br><br> <br> 
        <b>Referance</b> <br> 
        Name         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Tital &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Relation &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Email &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        Phone Number &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;
<input type="text" style="width: 400px; height: 30px; border-radius: 5px;" > <br><br> 
        </fieldset> 
        <fieldset>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" style="width: 150px;height: 30px; border-radius: 5px;" >
    </fieldset>

</body>

</html>

Monday, June 26, 2023

Calculator.html

<!DOCTYPE html>

<html lang="en">
<head>
    
    <title>Document</title>
</head>
<body>
    <h1>Age Calculator</h1> 
    Enter your birth year <input type="text" id="birth"> <br><br> 
    Enter your current year <input type="text" id="current"> <br><br> 

    <button onclick="Age()">Generate Age</button> 
    <p id="ans"></p>
</body> 
<script>
    function Age() {
        var b=document.getElementById("birth").value 
        var c=document.getElementById("current").value 

        var final=c-b

        document.getElementById("ans").innerHTML="your age is :"+final
    }
</script>
</html>

Wednesday, June 14, 2023

Lecture#6(What is tags )

Definition And Usage

The <html> Tag represent the root of an HTML documents. The <html> tag is the container for all other HTML elements(except for the <!.

HTML tags

Head

Head tag in HTML is used to define the head portion of the document which contains information related to the document. <head>…</head>

Paragraph

The HTML <p> element defines a paragraph. A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a ...

Center

The <center> tag was used in HTML4 to center-align text. What to Use Instead? Example. Center-align text (with CSS):. <html>

Bold

The HTML <b> element defines bold text, without any extra importance. Example. <b>This text is bold</b>

Italic

The <i> tag defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic. The <i> tag is often used to indicate ...

Underline

We use the <u> tag, to underline a text in HTML. It represents a text in a different style from another text in the content of the web page.

Sub

The <sub> tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O.

Example:-

1 ³ =1

2=8

3=27

4=64

5=125

Monday, June 12, 2023

Lecture#5(Advantages and Disadvantages)

What are the Advantages of HTML?

HTML is simple to understand and implement....
HTML is completely free.....
Every browser supports HTML.....
HTML is the most search engine friendly.....
HTML is simple to Edit.....
HTML is simple to integrate with other language.....
HTML is lightweight and quick.

What are the Disadvantages of HTML?

Static language.....
Invests in some Opportunity to Design......
Restricted Security......
Extensive Code.....
Reliance Issue.....
Limited for Displaying Content.

Lecture#4(What is HTML used for)

Where to use

Structuring web page. With Tags and Elements, We can define the Heading, Paragraphs and other contents of a web page........
Navigating the Internet.....
Embedding images and videos......
Improving client-side data storage and offline capabilities......
Game development........
Interacting with native APIs.

Lecture#1( VISUAL STUDIO CODE)

What is VS (Visual Studio Code)

Visual Studio code, also commonly referred to as VS Code, is a source-code editor made by Microsoft with the Electron Framework, for Windows, Linux and macOS.

Lecture#3(What is HTML)

What is HTML?

Hypertext Markup Language, a standardized system for tagging, text files to achieve Font, Colour, Graphic and Hyperlink effect on world wide web page

Lecture#2(BoilerPlate)

What is Boilerplate ?

A boilerplate in HTML is a template you will add at the start of you project. You should add this boilerplate to all of your HTML pages.

<!DOCTYPE html>

<head>

width, initial-scale=1.0" />

<title> Document</title>

</head>

</html>

Friday, June 9, 2023

Creating An HTML Blog: A Beginner's Guide

HTML

Introduction:

In today's digital age, blogging has become an

incredibly popular way to express i
deas, share knowledge, and connect with others. Building your own blog from scratch using HTML (Hypertext Markup Language) can be an exciting and rewarding experience. In this guide, we will explore the essential steps to create your HTML blog, allowing you to customize its design, structure, and content to suit your unique style and purpose.

Understanding HTML: HTML is the foundation of web development, and having a basic understanding of its structure and elements is crucial. Introduce the concept of HTML tags, attributes, and their significance in creating the layout and content of a web page.

Planning Your Blog: Before diving into coding, it's essential to plan your blog's structure and design. Discuss the importance of defining your target audience, identifying the purpose of your blog, and creating a content strategy. Encourage readers to consider factors like navigation, categories, and user experience during the planning phase.

Setting Up the HTML Document: Explain the initial steps of creating an HTML blog, such as setting up the DOCTYPE declaration, creating the <html>, <head>, and <body> sections, and linking CSS (Cascading Style Sheets) for styling purposes. Emphasize the significance of organizing your code in a readable and structured manner.

Creating the Blog Layout: Guide readers on creating the layout of their blog using HTML. Discuss the use of semantic HTML tags like <header>, <nav>, <main>, <article>, <section>, and <footer> to structure the content. Highlight the importance of responsive design for optimal viewing on different devices.

Adding Content: Explore the different types of content commonly found in blog posts, such as text, images, videos, and hyperlinks. Explain how to utilize HTML tags like <h1>-<h6> for headings, <p> for paragraphs, <img> for images, and <a> for hyperlinks. Encourage the use of appropriate formatting tags for emphasis and readability.

Styling with CSS: Introduce the concept of CSS and how it can be used to enhance the appearance of the blog. Explain the selection of fonts, colors, backgrounds, and spacing to create a visually appealing design. Encourage the use of external CSS files for easier maintenance and separation of concerns.

Enhancing Interactivity: Discuss the possibilities of adding interactivity to the blog using HTML and JavaScript. Mention features like comments, social media sharing buttons, and interactive forms that can be implemented to engage readers and encourage user participation.

Optimizing for Search Engines: Explain the importance of optimizing your blog for search engines (SEO). Discuss the use of appropriate meta tags, keyword optimization, and other techniques to improve the visibility and discoverability of your blog in search engine results.

Conclusion:

Building an HTML blog allows you to have complete control over its design, layout, and functionality. With a solid understanding of HTML, planning, and creativity, you can create a unique and engaging blog that resonates with your audience. Remember to continuously update and improve your blog to keep it relevant and captivating for your readers.

Remember to personalize the content and add more details based on your specific goals and preferences. Good luck with creating your HTML blog!

TAGS OF HTML

HTML tags are the building blocks of an HTML document. They define the structure and formatting of the content within a webpage. HTML tags are enclosed within angle brackets (< and >) and usually appear in pairs, with an opening tag and a closing tag.

Here's an example of a basic HTML tag structure:

htmlCopy code

<tagname>Content goes here</tagname>

In this example, <tagname> represents the name of the HTML tag, and "Content goes here" represents the actual content that will be displayed within the tag.

HTML tags can be nested inside each other to create a hierarchical structure. The outermost tag is usually the <html> tag, which contains the entire HTML document. Within the <html> tag, you will find the <head> and <body> tags, among others.

Here are a few commonly used HTML tags:

· <h1> to <h6>: Used for headings, with <h1> being the highest level of heading and <h6> the lowest.

· <p>: Represents a paragraph of text.

· <a>: Creates a hyperlink, allowing you to link to other web pages or specific sections within a page.

· <img>: Inserts an image into the webpage.

· <ul>: Creates an unordered (bulleted) list.

· <ol>: Creates an ordered (numbered) list.

· <li>: Represents a list item within <ul> or <ol>.

· <div>: Defines a division or section of the webpage, often used for grouping elements together.

· <span>: Inline element used for styling or applying specific formatting to a section of text.

These are just a few examples, and there are many more HTML tags available for various purposes. You can explore additional tags and their usage in HTML documentation or tutorials.

Remember to always use the appropriate tags for their intended purpose and follow HTML standards and best practices.

ATTRIBUTES

HTML attributes provide additional information about HTML elements. They are used to modify or customize the behavior and appearance of HTML tags. Attributes are specified within the opening tag of an HTML element and are written as name-value pairs.

Here are some commonly used HTML attributes:

1. id: Specifies a unique identifier for an element. It is used to refer to the element in CSS or JavaScript.

Example: <div id="myDiv">...</div>

2. class: Assigns a class name to an element. It is used to apply CSS styles or select elements using JavaScript or CSS selectors.

Example: <p class="highlight">...</p>

3. style: Defines inline CSS styles for an element. It allows you to specify individual style properties like color, font-size, etc.

Example: <h1 style="color: red;">...</h1>

4. src: Specifies the source URL for an external resource, such as an image, audio, video, or script.

Example: <img src="image.jpg" alt="Image">

5. href: Specifies the URL destination for an anchor <a> tag, creating a hyperlink to another webpage or resource.

Example: <a href="https://example.com">...</a>

6. alt: Provides alternative text for an image. It is displayed when the image cannot be loaded or for accessibility purposes.

Example: <img src="image.jpg" alt="Alternative text">

7. width and height: Defines the width and height dimensions of an element, such as an image or table cell.

Example: <img src="image.jpg" width="300" height="200">

8. disabled: Disables an input element, preventing user interaction or form submission.

Example: <input type="text" disabled>

9. placeholder: Provides a temporary hint or example text within an input field, giving users guidance on what to enter.

Example: <input type="text" placeholder="Enter your name">

10. target: Specifies where to open the linked document in the case of an anchor <a> tag. Common values include _blank for opening in a new tab or window.

Example: <a href="https://example.com" target="_blank">...</a>

These are just a few examples of HTML attributes. Different elements may have different attributes available. It's essential to refer to HTML documentation or resources to explore the specific attributes and their usage for each element.

Learn with Naveeda

Pages