DAY-7 of Learning Full Stack Web development
Let's get into what I've learned today🧵👇
Study ⏰ 3 Hours
#30daysofcodecamp
Let's get into what I've learned today🧵👇
Study ⏰ 3 Hours
#30daysofcodecamp
1. HTML Styles
➙ The HTML 'style' attribute is used to apply styles to an element, including color, font, and size.
➙ The HTML Style Attribute
‣ Setting the style of an HTML element, can be done with the style attribute.
➙ The HTML 'style' attribute is used to apply styles to an element, including color, font, and size.
➙ The HTML Style Attribute
‣ Setting the style of an HTML element, can be done with the style attribute.
a. Background color
‣ The CSS background-color property specifies the background color of an HTML element.
‣ Examples
‣ The CSS background-color property specifies the background color of an HTML element.
‣ Examples
b. Text color
‣ The CSS color property specifies the text color of an HTML element.
‣ Examples
‣ The CSS color property specifies the text color of an HTML element.
‣ Examples
c. Font Family
‣ The CSS font-family attribute specifies which font should be used for an HTML element.
‣ Examples
‣ The CSS font-family attribute specifies which font should be used for an HTML element.
‣ Examples
2. HTML Text Formatting
➙ Formatting elements were designed to display special types of text
‣ <b> - Bold text
‣ <strong> - Important text
‣ <i> - Italic text
‣ <em> - Emphasized text
‣ <mark> - Marked text
‣ <small> - Smaller text
‣ <sub> - Subscript text
➙ Formatting elements were designed to display special types of text
‣ <b> - Bold text
‣ <strong> - Important text
‣ <i> - Italic text
‣ <em> - Emphasized text
‣ <mark> - Marked text
‣ <small> - Smaller text
‣ <sub> - Subscript text
‣ <sup> - Superscript text
‣ <u> - Underlined text
‣ <strike> - Strikethrough
‣ <ins> - Inserted text
‣ <tt> - Monospaced Font
‣ <del> - Deleted text
‣ <big> - Bigger text
‣ Examples
‣ <u> - Underlined text
‣ <strike> - Strikethrough
‣ <ins> - Inserted text
‣ <tt> - Monospaced Font
‣ <del> - Deleted text
‣ <big> - Bigger text
‣ Examples
3. HTML Indentation
➙ Indentation is the blank space between the margin and the beginning of a line of text.
‣ Examples
➙ Indentation is the blank space between the margin and the beginning of a line of text.
‣ Examples
4. HTML Quotation
➙ HTML <q> for Short Quotations
➙ HTML <blockquote> for Quotations
➙ HTML <abbr> for Abbreviations
➙ HTML <address> for Contact Information
➙ HTML <q> for Short Quotations
➙ HTML <blockquote> for Quotations
➙ HTML <abbr> for Abbreviations
➙ HTML <address> for Contact Information
➙ HTML <q> for Short Quotations
‣ The HTML <q> tag defines a short quotation.
‣ Browsers usually add quotation marks around the quotation.
‣ Examples
‣ The HTML <q> tag defines a short quotation.
‣ Browsers usually add quotation marks around the quotation.
‣ Examples
➙ HTML <blockquote> for Quotations
‣The HTML <blockquote> element defines a section that is quoted from another source.
‣ Browsers usually indent <blockquote> elements.
‣ Examples
‣The HTML <blockquote> element defines a section that is quoted from another source.
‣ Browsers usually indent <blockquote> elements.
‣ Examples
➙ HTML <abbr> for Abbreviations
‣ The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM", "WHO".
‣ Examples
‣ The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM", "WHO".
‣ Examples
➙ HTML <address> for Contact Information
‣ The HTML <address> tag defines the contact information for the author/owner of a document or an article.
‣ The contact information can be an email address, URL, physical address, phone number, social media handle, etc.
‣ Examples
‣ The HTML <address> tag defines the contact information for the author/owner of a document or an article.
‣ The contact information can be an email address, URL, physical address, phone number, social media handle, etc.
‣ Examples
5. Assignment from @codemarch #30daysofcodecamp
That's it!
If you gained any value from this thread:
1. Follow me at @Nida_Sehar9 for more of these.
2. Retweet the initial tweet to share this thread with your followers.
If you gained any value from this thread:
1. Follow me at @Nida_Sehar9 for more of these.
2. Retweet the initial tweet to share this thread with your followers.
Loading suggestions...