Scribd
Upload
3 views

Assignment

The document provides an overview of HTML and CSS, including definitions, basic structures, and various ways to apply CSS styles. It also explains the differences between checkboxes and radio buttons, the syntax for creating tables, and the distinction between inline and block tags. Additionally, it summarizes a week's learning experience involving Bootstrap, focusing on layout principles and styling elements.

Uploaded by

lagracetchoula
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Assignment

The document provides an overview of HTML and CSS, including definitions, basic structures, and various ways to apply CSS styles. It also explains the differences between checkboxes and radio buttons, the syntax for creating tables, and the distinction between inline and block tags. Additionally, it summarizes a week's learning experience involving Bootstrap, focusing on layout principles and styling elements.

Uploaded by

lagracetchoula
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Name: TCHOULA MEHEBOU RUTH

1. Definitions and explanations of HTML and CSS:

HTML (Hypertext Markup Language)


HTML is the standard markup language used to create web pages. It is the backbone of a
website which provide the structure and content displays to the user by the web browser.

CSS (Cascading Style Sheets)


CSS is a styling language used to control the layout and appearance of web pages written
in HTML or XML.

2. The basic structure of HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>

1. `<!DOCTYPE html>`: Declaration of the document type.


2. `<html>`: Root element of the HTML document.
3. `<head>`: Contains metadata about the document.
4. `<title>`: Sets the title of the page, displayed in the browser+IBk-s title bar.
5. `<body>`: Contains the content of the HTML document.

3. Three ways to use CSS:

1. Inline Styles
Inline styles involve adding CSS styles directly to an HTML element using the `style` attribute.

Example:
<p style=background-color: blue; font-size: 18px;> This text is blue and large </p>

2. Internal Styles
Internal styles involve adding CSS styles to an HTML document using the `<style>` element,
typically in the `<head>` section.

Example:
<head>
<style>
p{
color: blue;
font-size: 18px;
}
</style>
</head>
<body>
<p>This text is blue and large.</p>
</body>

3. External Styles
External styles involve linking an external CSS file to an HTML document using the `<link>`
element.

4. Difference between checkboxes and radio buttons:

Checkboxes
1. Allow multiple selections: Checkboxes enable users to select one or more options from a list.
2. Used for: Checkboxes are ideal for situations where users need to choose multiple options,
such as:
- Selecting multiple interests or hobbies.
- Choosing multiple files to download or delete.
- Agreeing to multiple terms and conditions.

Radio Buttons
1. Allow single selection: Radio buttons enable users to select only one option from a list.
2. Used for: Radio buttons are suitable for situations where users need to choose only one
option, such as:
- Selecting a payment method (e.g., credit card, PayPal).
- Choosing a shipping option (e.g., standard, express).
- Answering a multiple-choice question.

5. Syntaxes for the table tag in HTML:

Basic Table Structure


<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
</table>

6. Distinction between inline and block tags:

Inline Tags
1. Do not start a new line: Inline tags do not begin a new line in the document flow.
2. Take up only the space needed: Inline tags only occupy the space required by their content.
3. Can be used within block tags: Inline tags can be nested within block tags.
4. Examples: `<span>`, `<a>`, `<img>`, `<input>`, `<label>`, `<strong>`, `<em>`, etc.

Block Tags
1. Start a new line: Block tags begin a new line in the document flow.
2. Take up the full width: Block tags occupy the full width available, unless otherwise specified.
3. Can contain inline and other block tags: Block tags can contain both inline and other block
tags.
4. Examples: `<p>`, `<h1>`, `<h2>`, `<h3>`, `<div>`, `<section>`, `<article>`, `<ul>`, `<ol>`,
`<li>`, etc.

7. Explanation of meta used in the head tag section:

Meta charset = UTF-8: It specifies the character encoding of the HTML document and tell the
browser how to interpret the character in the document.

Mete name = viewport: use to specify information like the viewport for mobile devices.

8. Summary of what I did at ENVOL this week

During this week, on Monday I was assigned a teacher who introduced the course
bootstrap to me, where I learned about the div principle. Div are created to make every
information appear in a block depending on specific class you give. In a div class row many
columns can be created providing the total sum of the column should not exceed 12 and may
row also can be created in a class column. I also learn how to use some file from then vendor
folder and import some link use for bootstrap. I also learned how to put background colors,
colors to text, margins, padding bootstrap colors like danger, primary, info, secondary, warning.
Form-control used to permit an input to respond to bootstrap input type and btn for bootstrap
button which are used in a class. In this project we used bootstrap framework, html, and font-
awesome library.

You might also like