Welcome to css!
•Download as PPTX, PDF•
0 likes•31 views
The vertical-align property sets an element's vertical alignment and commonly uses values like top, middle, and bottom. An example shows how to vertically align text in a table with different classes setting the alignment to top, middle, and bottom.
Report
Share
Report
Share
Recommended
App B
The document describes the tables in the Oracle HR schema which contains employee data. There are tables for regions, countries, locations, departments, employees, jobs, job grades, job history, and each table is described and an example SELECT statement is provided to view the data. The HR schema is part of the Oracle Common Schema and can be installed in an Oracle database for use in tutorials and courses.
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML) by Nuzhat Memon
Table in HTML
Four tags in Table (<table>, <tr>, <th> and <td>)
Attributes of table tag
Cellpadding and cellspacing
Attribute of tr tag
align attribute
valign attribute
Attribute of th and td tag
rowspan in table and colspan in table
nowrap in table
height and width of the table
caption to table
html 5
HTML5 introduced new document type declarations and character encoding declarations to define the document. It also added several new elements like <article>, <audio>, <canvas>, <nav>, <video>, <data list>, <footer> to help structure and present content in different forms.
html 5
When writing Html5 documents, one of the newest features is the doctype declaration which declares the document type and character encoding. Other new elements in HTML5 include <article>, <audio>, <canvas>, <Nav>, <video>, <data list>, <footer> which provide semantic meaning and allow embedding of multimedia like audio and video.
Welcome to css!
The word-spacing property specifies the space between words in text, similar to letter-spacing. Values include normal, length, and inherit. Positive measurement values like px, pt, and em can define extra space between words, while negative values are also permitted. For example, one paragraph could use normal spacing while another uses 30px spacing to demonstrate the difference.
Welcome to css!
The letter-spacing property specifies the space between characters in text. It can be set to normal for the default style, a length value to add extra space using units like px or pt, or inherit to take the property from the parent element.
Welcome to css!
The text-transform CSS property specifies how to capitalize text within elements, allowing text to appear with each word capitalized, all in uppercase, or all in lowercase. For example, the property can be used to style paragraph text so that one is capitalized, one is uppercase, and one is lowercase.
Welcome to css!
The document discusses the text-decoration CSS property which specifies how text is decorated, including common values like none for normal text, inherit to take the parent's value, overline to draw a line above the text, and underline to draw a line below the text. Examples are provided setting the text-decoration for paragraphs with different class names to these various values.
Recommended
App B
The document describes the tables in the Oracle HR schema which contains employee data. There are tables for regions, countries, locations, departments, employees, jobs, job grades, job history, and each table is described and an example SELECT statement is provided to view the data. The HR schema is part of the Oracle Common Schema and can be installed in an Oracle database for use in tutorials and courses.
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML)
Std 10 Computer Chapter 4 List and Table Handling in HTML (Part 2 Table in HTML) by Nuzhat Memon
Table in HTML
Four tags in Table (<table>, <tr>, <th> and <td>)
Attributes of table tag
Cellpadding and cellspacing
Attribute of tr tag
align attribute
valign attribute
Attribute of th and td tag
rowspan in table and colspan in table
nowrap in table
height and width of the table
caption to table
html 5
HTML5 introduced new document type declarations and character encoding declarations to define the document. It also added several new elements like <article>, <audio>, <canvas>, <nav>, <video>, <data list>, <footer> to help structure and present content in different forms.
html 5
When writing Html5 documents, one of the newest features is the doctype declaration which declares the document type and character encoding. Other new elements in HTML5 include <article>, <audio>, <canvas>, <Nav>, <video>, <data list>, <footer> which provide semantic meaning and allow embedding of multimedia like audio and video.
Welcome to css!
The word-spacing property specifies the space between words in text, similar to letter-spacing. Values include normal, length, and inherit. Positive measurement values like px, pt, and em can define extra space between words, while negative values are also permitted. For example, one paragraph could use normal spacing while another uses 30px spacing to demonstrate the difference.
Welcome to css!
The letter-spacing property specifies the space between characters in text. It can be set to normal for the default style, a length value to add extra space using units like px or pt, or inherit to take the property from the parent element.
Welcome to css!
The text-transform CSS property specifies how to capitalize text within elements, allowing text to appear with each word capitalized, all in uppercase, or all in lowercase. For example, the property can be used to style paragraph text so that one is capitalized, one is uppercase, and one is lowercase.
Welcome to css!
The document discusses the text-decoration CSS property which specifies how text is decorated, including common values like none for normal text, inherit to take the parent's value, overline to draw a line above the text, and underline to draw a line below the text. Examples are provided setting the text-decoration for paragraphs with different class names to these various values.
Welcome to css!
The document discusses the text-decoration CSS property which specifies how text is decorated, listing common values like none for normal text, inherit to take the parent's value, overline to draw a line above the text, and underline to draw a line below the text, and provides code examples of using these values.
Welcome to css!
The text-align property specifies the horizontal alignment of text in an element. It can be set to left, right, center, or justify. By default, text is aligned left but these values allow controlling the alignment as needed.
Welcome to css!
The CSS color property specifies the color of text. One method is using a color name like red, green, or blue. For example, to change the color of a paragraph to green, use the CSS code "color: green;" within the paragraph style.
Welcome to css!
The font-weight property controls the boldness of text, with normal being the default and values including bold, bolder, and lighter. CSS code samples are provided setting a <p> element's font-weight to bold and another's to bolder.
Welcome to css!
The font-size property sets the size of text. The document shows that font sizes can be set with keywords like small, medium, large, and x-large by using them as values for the font-size property in CSS rules targeting paragraph tags. Setting font-size: small on a p element with class "small", for example, decreases the text size.
Welcome to css!
The font-family property specifies the font for an element. There are two types of font families: specific font families like Times New Roman or Arial, and generic families like Serif or Monospace that group similar looking fonts. The document provides examples of font-family properties for the serif, sans-serif, monospace, cursive and fantasy generic font families.
Welcome to css!
The final appearance of a web page is determined by a cascade of different style rules from three sources: the page author's stylesheet, the browser's default styles, and styles specified by the user. Styles cascade down elements following inheritance, where child elements take on the characteristics of parent elements unless otherwise defined. For example, a <body> tag styled with green text and Arial font in the stylesheet will apply those styles to all <p> tags within the <body> unless overridden.
Welcome to css!
Comments are used to explain code and may help when editing source code later. Comments are ignored by browsers and are denoted within /* */ symbols. For example, CSS code can have comments such as /* This is a comment */ within style rules.
Welcome to css!
CSS is composed of style rules with selectors, properties, and values that apply formatting to HTML elements. Selectors target elements by type, id, or class, allowing styles to be defined for paragraphs, headlines with an id of "intro", or any elements sharing a class. For example, style rules can set all paragraphs to red text and 130% font size or target an element with id "intro" to have white text on a gray background.
Welcome to css!
CSS stands for Cascading Style Sheets and is used to define the presentation and layout of web pages. CSS allows separation of style from content, making pages easier to maintain as they grow. There are three main ways to add CSS to HTML - inline, internal/embedded, and external. Inline CSS is applied directly to HTML elements using the style attribute, internal CSS defines rules within the <style> element in the HTML head, and external CSS links to a separate .css file.
Welcome to css!
CSS (Cascading Style Sheets) is a language for defining the look and formatting of web documents. CSS separates style from HTML content, allowing styles to be defined and maintained separately. CSS works with HTML, where HTML provides the document structure and CSS controls the visual styling through rules that are applied to specific HTML elements.
Object properties
This document demonstrates two ways to access object properties in JavaScript - using dot notation with the property name or bracket notation with the property name as a string. It shows an example person object with properties like name, age, favMeal and height, and how to access the age property value using dot notation and bracket notation.
Objects
JavaScript variables can contain data values, and objects are variables that can contain multiple values. Objects are written as name:value pairs separated by colons, like an object with properties for a person's name, age, favorite meal, and height.
Multiple parameters
This document discusses defining functions in JavaScript with multiple parameters. It provides an example of a function called myFunc that takes two parameters, x and y, and another function called sayHello that takes two parameters, name and age, and writes their values to the document. JavaScript functions do not check the number of arguments received when called.
Functions parameters
Functions can take parameters which are names listed in the function's definition. Parameters allow functions to accept arguments when called, and those arguments can then be used inside the function. For example, a function called sayHello is defined to take one parameter called name, and when called with the argument "Dan", it outputs an alert of "Hi, Dan".
Calling functions
This document discusses calling functions in JavaScript. A function called myFunction is defined that displays an alert box. This function takes no parameters. The function can then be called multiple times, each time displaying the alert box with the text "Alert box!".
F
A JavaScript function is a block of code that performs a specific task and can be reused by calling the function multiple times with different arguments to produce different results. Functions are defined using the function keyword followed by a name and parentheses, and the code inside the curly brackets is executed when the function is called.
Break
This code uses a for loop to iterate from 0 to 10, writing each value of i to the document. It includes a break statement so that if i equals 6, it will jump out of the loop and stop executing the rest of the code, writing only the values from 0 to 5.
Do while loop
This document explains how a do-while loop works by first executing the code block once before checking if the condition is true, then repeating the loop as long as the condition remains true. It provides an example of a do-while loop that prints out numbers from 20 to 25 using a variable i that is incremented each time through the loop and checks if i is less than or equal to 25.
Do while
A while loop repeats a block of code as long as a specified condition is true. The example shows a while loop that outputs the numbers from 1 to 10 by incrementing the variable i each time through the loop, as long as i is less than or equal to 10. The syntax of a while loop includes the while keyword followed by a condition in parentheses and a code block in curly braces.
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...Nguyen Thanh Tu Collection
https://app.box.com/s/y977uz6bpd3af4qsebv7r9b7s21935vdWhat is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Aberdeen
More Related Content
More from sidneyodingo
Welcome to css!
The document discusses the text-decoration CSS property which specifies how text is decorated, listing common values like none for normal text, inherit to take the parent's value, overline to draw a line above the text, and underline to draw a line below the text, and provides code examples of using these values.
Welcome to css!
The text-align property specifies the horizontal alignment of text in an element. It can be set to left, right, center, or justify. By default, text is aligned left but these values allow controlling the alignment as needed.
Welcome to css!
The CSS color property specifies the color of text. One method is using a color name like red, green, or blue. For example, to change the color of a paragraph to green, use the CSS code "color: green;" within the paragraph style.
Welcome to css!
The font-weight property controls the boldness of text, with normal being the default and values including bold, bolder, and lighter. CSS code samples are provided setting a <p> element's font-weight to bold and another's to bolder.
Welcome to css!
The font-size property sets the size of text. The document shows that font sizes can be set with keywords like small, medium, large, and x-large by using them as values for the font-size property in CSS rules targeting paragraph tags. Setting font-size: small on a p element with class "small", for example, decreases the text size.
Welcome to css!
The font-family property specifies the font for an element. There are two types of font families: specific font families like Times New Roman or Arial, and generic families like Serif or Monospace that group similar looking fonts. The document provides examples of font-family properties for the serif, sans-serif, monospace, cursive and fantasy generic font families.
Welcome to css!
The final appearance of a web page is determined by a cascade of different style rules from three sources: the page author's stylesheet, the browser's default styles, and styles specified by the user. Styles cascade down elements following inheritance, where child elements take on the characteristics of parent elements unless otherwise defined. For example, a <body> tag styled with green text and Arial font in the stylesheet will apply those styles to all <p> tags within the <body> unless overridden.
Welcome to css!
Comments are used to explain code and may help when editing source code later. Comments are ignored by browsers and are denoted within /* */ symbols. For example, CSS code can have comments such as /* This is a comment */ within style rules.
Welcome to css!
CSS is composed of style rules with selectors, properties, and values that apply formatting to HTML elements. Selectors target elements by type, id, or class, allowing styles to be defined for paragraphs, headlines with an id of "intro", or any elements sharing a class. For example, style rules can set all paragraphs to red text and 130% font size or target an element with id "intro" to have white text on a gray background.
Welcome to css!
CSS stands for Cascading Style Sheets and is used to define the presentation and layout of web pages. CSS allows separation of style from content, making pages easier to maintain as they grow. There are three main ways to add CSS to HTML - inline, internal/embedded, and external. Inline CSS is applied directly to HTML elements using the style attribute, internal CSS defines rules within the <style> element in the HTML head, and external CSS links to a separate .css file.
Welcome to css!
CSS (Cascading Style Sheets) is a language for defining the look and formatting of web documents. CSS separates style from HTML content, allowing styles to be defined and maintained separately. CSS works with HTML, where HTML provides the document structure and CSS controls the visual styling through rules that are applied to specific HTML elements.
Object properties
This document demonstrates two ways to access object properties in JavaScript - using dot notation with the property name or bracket notation with the property name as a string. It shows an example person object with properties like name, age, favMeal and height, and how to access the age property value using dot notation and bracket notation.
Objects
JavaScript variables can contain data values, and objects are variables that can contain multiple values. Objects are written as name:value pairs separated by colons, like an object with properties for a person's name, age, favorite meal, and height.
Multiple parameters
This document discusses defining functions in JavaScript with multiple parameters. It provides an example of a function called myFunc that takes two parameters, x and y, and another function called sayHello that takes two parameters, name and age, and writes their values to the document. JavaScript functions do not check the number of arguments received when called.
Functions parameters
Functions can take parameters which are names listed in the function's definition. Parameters allow functions to accept arguments when called, and those arguments can then be used inside the function. For example, a function called sayHello is defined to take one parameter called name, and when called with the argument "Dan", it outputs an alert of "Hi, Dan".
Calling functions
This document discusses calling functions in JavaScript. A function called myFunction is defined that displays an alert box. This function takes no parameters. The function can then be called multiple times, each time displaying the alert box with the text "Alert box!".
F
A JavaScript function is a block of code that performs a specific task and can be reused by calling the function multiple times with different arguments to produce different results. Functions are defined using the function keyword followed by a name and parentheses, and the code inside the curly brackets is executed when the function is called.
Break
This code uses a for loop to iterate from 0 to 10, writing each value of i to the document. It includes a break statement so that if i equals 6, it will jump out of the loop and stop executing the rest of the code, writing only the values from 0 to 5.
Do while loop
This document explains how a do-while loop works by first executing the code block once before checking if the condition is true, then repeating the loop as long as the condition remains true. It provides an example of a do-while loop that prints out numbers from 20 to 25 using a variable i that is incremented each time through the loop and checks if i is less than or equal to 25.
Do while
A while loop repeats a block of code as long as a specified condition is true. The example shows a while loop that outputs the numbers from 1 to 10 by incrementing the variable i each time through the loop, as long as i is less than or equal to 10. The syntax of a while loop includes the while keyword followed by a condition in parentheses and a code block in curly braces.
More from sidneyodingo (20)
Recently uploaded
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...Nguyen Thanh Tu Collection
https://app.box.com/s/y977uz6bpd3af4qsebv7r9b7s21935vdWhat is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Aberdeen
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
This Dissertation explores the particular circumstances of Mirzapur, a region located in the
core of India. Mirzapur, with its varied terrains and abundant biodiversity, offers an optimal
environment for investigating the changes in vegetation cover dynamics. Our study utilizes
advanced technologies such as GIS (Geographic Information Systems) and Remote sensing to
analyze the transformations that have taken place over the course of a decade.
The complex relationship between human activities and the environment has been the focus
of extensive research and worry. As the global community grapples with swift urbanization,
population expansion, and economic progress, the effects on natural ecosystems are becoming
more evident. A crucial element of this impact is the alteration of vegetation cover, which plays a
significant role in maintaining the ecological equilibrium of our planet.Land serves as the foundation for all human activities and provides the necessary materials for
these activities. As the most crucial natural resource, its utilization by humans results in different
'Land uses,' which are determined by both human activities and the physical characteristics of the
land.
The utilization of land is impacted by human needs and environmental factors. In countries
like India, rapid population growth and the emphasis on extensive resource exploitation can lead
to significant land degradation, adversely affecting the region's land cover.
Therefore, human intervention has significantly influenced land use patterns over many
centuries, evolving its structure over time and space. In the present era, these changes have
accelerated due to factors such as agriculture and urbanization. Information regarding land use and
cover is essential for various planning and management tasks related to the Earth's surface,
providing crucial environmental data for scientific, resource management, policy purposes, and
diverse human activities.
Accurate understanding of land use and cover is imperative for the development planning
of any area. Consequently, a wide range of professionals, including earth system scientists, land
and water managers, and urban planners, are interested in obtaining data on land use and cover
changes, conversion trends, and other related patterns. The spatial dimensions of land use and
cover support policymakers and scientists in making well-informed decisions, as alterations in
these patterns indicate shifts in economic and social conditions. Monitoring such changes with the
help of Advanced technologies like Remote Sensing and Geographic Information Systems is
crucial for coordinated efforts across different administrative levels. Advanced technologies like
Remote Sensing and Geographic Information Systems
9
Changes in vegetation cover refer to variations in the distribution, composition, and overall
structure of plant communities across different temporal and spatial scales. These changes can
occur natural.
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityAkanksha trivedi rama nursing college kanpur.
Natural birth techniques are various type such as/ water birth , alexender method, hypnosis, bradley method, lamaze method etcclinical examination of hip joint (1).pdf
described clinical examination all orthopeadic conditions .
How to Add Chatter in the odoo 17 ERP Module
In Odoo, the chatter is like a chat tool that helps you work together on records. You can leave notes and track things, making it easier to talk with your team and partners. Inside chatter, all communication history, activity, and changes will be displayed.
How to Create a More Engaging and Human Online Learning Experience
How to Create a More Engaging and Human Online Learning Experience Wahiba Chair Training & Consulting
Wahiba Chair's Talk at the 2024 Learning Ideas Conference. Reimagining Your Library Space: How to Increase the Vibes in Your Library No ...
Librarians are leading the way in creating future-ready citizens – now we need to update our spaces to match. In this session, attendees will get inspiration for transforming their library spaces. You’ll learn how to survey students and patrons, create a focus group, and use design thinking to brainstorm ideas for your space. We’ll discuss budget friendly ways to change your space as well as how to find funding. No matter where you’re at, you’ll find ideas for reimagining your space in this session.
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)Academy of Science of South Africa
A workshop hosted by the South African Journal of Science aimed at postgraduate students and early career researchers with little or no experience in writing and publishing journal articles.Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...National Information Standards Organization (NISO)
This presentation was provided by Steph Pollock of The American Psychological Association’s Journals Program, and Damita Snow, of The American Society of Civil Engineers (ASCE), for the initial session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session One: 'Setting Expectations: a DEIA Primer,' was held June 6, 2024.How to deliver Powerpoint Presentations.pptx
"How to make and deliver dynamic presentations by making it more interactive to captivate your audience attention"
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...Nguyen Thanh Tu Collection
https://app.box.com/s/tacvl9ekroe9hqupdnjruiypvm9rdaneHow to Manage Your Lost Opportunities in Odoo 17 CRM
Odoo 17 CRM allows us to track why we lose sales opportunities with "Lost Reasons." This helps analyze our sales process and identify areas for improvement. Here's how to configure lost reasons in Odoo 17 CRM
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar KanvariaHow to Build a Module in Odoo 17 Using the Scaffold Method
Odoo provides an option for creating a module by using a single line command. By using this command the user can make a whole structure of a module. It is very easy for a beginner to make a module. There is no need to make each file manually. This slide will show how to create a module using the scaffold method.
Recently uploaded (20)
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
How to Create a More Engaging and Human Online Learning Experience
How to Create a More Engaging and Human Online Learning Experience
Reimagining Your Library Space: How to Increase the Vibes in Your Library No ...
Reimagining Your Library Space: How to Increase the Vibes in Your Library No ...
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
Film vocab for eal 3 students: Australia the movie
Film vocab for eal 3 students: Australia the movie
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
Welcome to css!
- 1. The vertical-align property sets an element's vertical alignment. Commonly used values are top, middle, and bottom. The example below shows how to vertically align the text between the table. vertical-align td.top { vertical-align: top; } td.middle { vertical-align: middle; } td.bottom { vertical-align: bottom; }