SlideShare a Scribd company logo
• HTML Attributes,
• HTML Style,
• HTML Text Formatting ,
• HTML Quotation and Citation
• HTML Comment
Class: FY B. Tech Structural Engineering
Subject: IT for Engineers
Prof. Jape Anuja Sanjay
Assistant Professor,
Department of Structural Engineering,
Sanjivani College of Engineering. Kopargaon
Email: japeanujast@sanjivani.org.in
HTML Attributes
• All HTML elements can have attributes.
• Attributes provide additional information about
elements.
• Attributes are always specified in the start tag.
• Attributes usually come in name and value pairs
like: name="value".
Ref:https://www.w3schools.com/
• The href attribute of <a> specifies the URL of the page the link
goes to.
• The src attribute of <img> specifies the path to the image to be
displayed.
• The width and height attributes of <img> provide size
information for images.
• The alt attribute of <img> provides an alternate text for an
image.
• The style attribute is used to add styles to an element, such as
color, font, size, and more.
• The lang attribute of the <html> tag declares the language of the
Web page.
• The title attribute defines some extra information about an
element.
Ref:https://www.w3schools.com/
HTML Styles
•Use the style attribute for styling HTML elements
•Use background-color for background color
•Use color for text colors
•Use font-family for text fonts
•Use font-size for text sizes
•Use text-align for text alignment
<tagname style="property:value;">
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
<body>
<h1 style="background-color:powderblue;">This
is a heading</h1>
<p style="background-color:tomato;">This is a
paragraph.</p>
</body>
Ref:https://www.w3schools.com/
Tag Description
<b> Defines bold text
<em> Defines emphasized text
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text
HTML Text Formatting Elements
Ref:https://www.w3schools.com/
Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a
document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation
HTML Quotation and Citation Elements
Ref:https://www.w3schools.com/
HTML Comment Tag
<!-- Write your comments here -->
<!DOCTYPE html>
<html>
<body>
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->
</body>
</html>
CSS comment /*…………………*/ Ref:https://www.w3schools.com/

More Related Content

PDF
Introduction to Html and Css.pdf
PPTX
new htmlppt in this we disscuded about basic html .pptx
PPTX
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
DOCX
Computer application html
PPTX
Chapter 2 - Introduction to HTML (Basic Structures and Syntax).pptx
PPTX
Html (1)
PPT
html
PPTX
HTML-Basic.pptx
Introduction to Html and Css.pdf
new htmlppt in this we disscuded about basic html .pptx
htmlbcjdkkdkcjcjcjfkjccjckcjcjc_doc1.pptx
Computer application html
Chapter 2 - Introduction to HTML (Basic Structures and Syntax).pptx
Html (1)
html
HTML-Basic.pptx

Similar to 3 HTML attributes, style,format,quo,cit.pdf (20)

PPTX
HTML Basics
PPTX
HTML Text formatting tags
PPTX
Introduction to HTML: Overview and Structure
PPTX
Html Simple Tutorial
PPTX
Frontend Devlopment internship batch 2024.pptx
PPTX
Frontend Devlopment internship batch 2024-2.pptx
PPTX
Html and Css Student Education hub point.pptx
PPTX
This Presentation is about HTML which is second chapter
PPTX
html.pptx
PDF
HTML FOR BEGINNERS AND FOR PRACTICE .pdf
PPTX
PPTX
Images and Lists in HTML
PPTX
FYBSC IT Web Programming Unit I HTML 5 & andcss
PPSX
Computer language - HTML tags
PPTX
web page.pptxb dvcdhgdhdbdvdhudvehsusvsudb
PPTX
HTML Coding
PDF
web development.pdf
PDF
PPT
2. html attributes
PPT
IntroHTML.ppt
HTML Basics
HTML Text formatting tags
Introduction to HTML: Overview and Structure
Html Simple Tutorial
Frontend Devlopment internship batch 2024.pptx
Frontend Devlopment internship batch 2024-2.pptx
Html and Css Student Education hub point.pptx
This Presentation is about HTML which is second chapter
html.pptx
HTML FOR BEGINNERS AND FOR PRACTICE .pdf
Images and Lists in HTML
FYBSC IT Web Programming Unit I HTML 5 & andcss
Computer language - HTML tags
web page.pptxb dvcdhgdhdbdvdhudvehsusvsudb
HTML Coding
web development.pdf
2. html attributes
IntroHTML.ppt
Ad

More from AnujaJape2 (6)

PDF
How to add table using HTML? HTML table styles.
PDF
What is HTML Hyperlinks and HTML Images?
PDF
HTML? What is Hyper Text Mark Up Language
PDF
CEM_Unit-I_Lecture Notes.pdf
PDF
CEM_Unit-II_Lecture Notes.pdf
PPTX
Brick information.pptx
How to add table using HTML? HTML table styles.
What is HTML Hyperlinks and HTML Images?
HTML? What is Hyper Text Mark Up Language
CEM_Unit-I_Lecture Notes.pdf
CEM_Unit-II_Lecture Notes.pdf
Brick information.pptx
Ad

Recently uploaded (20)

PPTX
Foundation to blockchain - A guide to Blockchain Tech
PDF
TFEC-4-2020-Design-Guide-for-Timber-Roof-Trusses.pdf
PPTX
Construction Project Organization Group 2.pptx
PDF
R24 SURVEYING LAB MANUAL for civil enggi
PPTX
Infosys Presentation by1.Riyan Bagwan 2.Samadhan Naiknavare 3.Gaurav Shinde 4...
PPTX
Lecture Notes Electrical Wiring System Components
DOCX
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
PPTX
CH1 Production IntroductoryConcepts.pptx
PPTX
OOP with Java - Java Introduction (Basics)
PPT
Introduction, IoT Design Methodology, Case Study on IoT System for Weather Mo...
PDF
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PDF
PPT on Performance Review to get promotions
PDF
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
PPTX
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
PPTX
Safety Seminar civil to be ensured for safe working.
PDF
Automation-in-Manufacturing-Chapter-Introduction.pdf
PPTX
Internet of Things (IOT) - A guide to understanding
PPTX
FINAL REVIEW FOR COPD DIANOSIS FOR PULMONARY DISEASE.pptx
PPT
Mechanical Engineering MATERIALS Selection
PPT
introduction to datamining and warehousing
Foundation to blockchain - A guide to Blockchain Tech
TFEC-4-2020-Design-Guide-for-Timber-Roof-Trusses.pdf
Construction Project Organization Group 2.pptx
R24 SURVEYING LAB MANUAL for civil enggi
Infosys Presentation by1.Riyan Bagwan 2.Samadhan Naiknavare 3.Gaurav Shinde 4...
Lecture Notes Electrical Wiring System Components
ASol_English-Language-Literature-Set-1-27-02-2023-converted.docx
CH1 Production IntroductoryConcepts.pptx
OOP with Java - Java Introduction (Basics)
Introduction, IoT Design Methodology, Case Study on IoT System for Weather Mo...
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PPT on Performance Review to get promotions
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
Safety Seminar civil to be ensured for safe working.
Automation-in-Manufacturing-Chapter-Introduction.pdf
Internet of Things (IOT) - A guide to understanding
FINAL REVIEW FOR COPD DIANOSIS FOR PULMONARY DISEASE.pptx
Mechanical Engineering MATERIALS Selection
introduction to datamining and warehousing

3 HTML attributes, style,format,quo,cit.pdf

  • 1. • HTML Attributes, • HTML Style, • HTML Text Formatting , • HTML Quotation and Citation • HTML Comment Class: FY B. Tech Structural Engineering Subject: IT for Engineers Prof. Jape Anuja Sanjay Assistant Professor, Department of Structural Engineering, Sanjivani College of Engineering. Kopargaon Email: japeanujast@sanjivani.org.in
  • 2. HTML Attributes • All HTML elements can have attributes. • Attributes provide additional information about elements. • Attributes are always specified in the start tag. • Attributes usually come in name and value pairs like: name="value". Ref:https://www.w3schools.com/
  • 3. • The href attribute of <a> specifies the URL of the page the link goes to. • The src attribute of <img> specifies the path to the image to be displayed. • The width and height attributes of <img> provide size information for images. • The alt attribute of <img> provides an alternate text for an image. • The style attribute is used to add styles to an element, such as color, font, size, and more. • The lang attribute of the <html> tag declares the language of the Web page. • The title attribute defines some extra information about an element. Ref:https://www.w3schools.com/
  • 4. HTML Styles •Use the style attribute for styling HTML elements •Use background-color for background color •Use color for text colors •Use font-family for text fonts •Use font-size for text sizes •Use text-align for text alignment <tagname style="property:value;"> <body style="background-color:powderblue;"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> <body> <h1 style="background-color:powderblue;">This is a heading</h1> <p style="background-color:tomato;">This is a paragraph.</p> </body> Ref:https://www.w3schools.com/
  • 5. Tag Description <b> Defines bold text <em> Defines emphasized text <i> Defines a part of text in an alternate voice or mood <small> Defines smaller text <strong> Defines important text <sub> Defines subscripted text <sup> Defines superscripted text <ins> Defines inserted text <del> Defines deleted text <mark> Defines marked/highlighted text HTML Text Formatting Elements Ref:https://www.w3schools.com/
  • 6. Tag Description <abbr> Defines an abbreviation or acronym <address> Defines contact information for the author/owner of a document <bdo> Defines the text direction <blockquote> Defines a section that is quoted from another source <cite> Defines the title of a work <q> Defines a short inline quotation HTML Quotation and Citation Elements Ref:https://www.w3schools.com/
  • 7. HTML Comment Tag <!-- Write your comments here --> <!DOCTYPE html> <html> <body> <!-- This is a comment --> <p>This is a paragraph.</p> <!-- Comments are not displayed in the browser --> </body> </html> CSS comment /*…………………*/ Ref:https://www.w3schools.com/