gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
25f45ffc607448f5d7d31cd6fb22d9684b9adb6d
freeCodeCamp/guide/english/html/page-structure/index.md

45 lines
2.0 KiB
Markdown
Raw Normal View History

feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
---
title: Page Structure
---
## Page Structure
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown
2018-10-16 03:13:47 +02:00
To create your pages in `HTML`, you need to know how to structure a page in `HTML`. Usually, the page structure follows the example below:
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
```HTML
<!DOCTYPE html>
<html>
<head>
<title>Title of the Page</title>
</head>
<body>
<!-- Content -->
</body>
</html>
```
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown
2018-10-16 03:13:47 +02:00
1. The `<!DOCTYPE html>` statement must always be the first to appear on an `HTML` page and tell the browser which version of the language is being used. In this case, we are working with `HTML5`.
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown
2018-10-16 03:13:47 +02:00
1. The `<html>` and `</html>` tags tell the web browser where the `HTML` code starts and ends.
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown
2018-10-16 03:13:47 +02:00
1. The `<head>` and `</head>` tags contains information about the website, e.g. style, meta-tags, etc.
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
Typos and removing scripts from <head> section. (#19318) * Typos and removing scripts from <head> section. Removed scripts from <head> section description. "contains informations about the web site, exemple: style, meta-tags, scripts, etc..." (exemple on its own have typo), scripts doesn't containt informations about website. * Update index.md * Fixed the english mistakes and used better markdown
2018-10-16 03:13:47 +02:00
1. The `<title>` and `</title>` tags tell the browser what the page title is. The title can be seen by identifying the tab in your internet browser. The text that is defined between these tags is also the text that is used as title by the search engines when they present the pages in the results of a search.
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
Made several grammatical changes (#23288) Removed space between "/" and "body" in line 27 to correct the spacing. Added "use" in between "container" and "several" to make grammatical sense in line 32. Also added a space between "semantic" and the parathesis in the same line to make text look cleaner. Added "and" between "<header>" and "<footer>" because there are two items in line 33. Note: In "Introduction of semantic tags," the grammar and sentence structure does not make sense. I tried to correct it, however, it may not be the right correction and should be reviewed.
2018-11-23 20:20:36 -05:00
1. Between the `<body>` and `</body>` tags the page content is placed, which is what is displayed in the browser.
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
fix(guide): update latest copy from guide repo
2018-10-12 04:30:38 +05:30
### Changes in HTML5
#### Introduction of semantic tags
Made several grammatical changes (#23288) Removed space between "/" and "body" in line 27 to correct the spacing. Added "use" in between "container" and "several" to make grammatical sense in line 32. Also added a space between "semantic" and the parathesis in the same line to make text look cleaner. Added "and" between "<header>" and "<footer>" because there are two items in line 33. Note: In "Introduction of semantic tags," the grammar and sentence structure does not make sense. I tried to correct it, however, it may not be the right correction and should be reviewed.
2018-11-23 20:20:36 -05:00
Update Intro to Semantic Tags (#19882) Clarify what semantic and non-semantic tags are. Provide examples of each.
2018-10-24 19:40:01 -04:00
HTML contains both semantic and non-semantic tags.
Made several grammatical changes (#23288) Removed space between "/" and "body" in line 27 to correct the spacing. Added "use" in between "container" and "several" to make grammatical sense in line 32. Also added a space between "semantic" and the parathesis in the same line to make text look cleaner. Added "and" between "<header>" and "<footer>" because there are two items in line 33. Note: In "Introduction of semantic tags," the grammar and sentence structure does not make sense. I tried to correct it, however, it may not be the right correction and should be reviewed.
2018-11-23 20:20:36 -05:00
Semantic tags are descriptive tags that can easily convey their meaning to both a browser and a developer. Examples of semantic tags are: `<header>`, `<footer>`, `<form>`, `<table>`, `<article>`, etc. These tags also help screenreaders which are used by the visually
impaired.
Update Intro to Semantic Tags (#19882) Clarify what semantic and non-semantic tags are. Provide examples of each.
2018-10-24 19:40:01 -04:00
Non-semantic tags are tags that convey nothing about what they contain. Examples of non-semantic tags are: `<div>`, `<section>`, `<span>`, etc.
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
Added detail to semantic tags section (#24204) Improved sentence structure
2019-02-13 09:39:06 +00:00
Instead of using the generic `<div>` for every other container, use the semantic tags such as `<header>` and `<footer>`. These tags help people using screenreaders to navigate the page, and so makes the content more accessible for those with visual impairments.
Made several grammatical changes (#23288) Removed space between "/" and "body" in line 27 to correct the spacing. Added "use" in between "container" and "several" to make grammatical sense in line 32. Also added a space between "semantic" and the parathesis in the same line to make text look cleaner. Added "and" between "<header>" and "<footer>" because there are two items in line 33. Note: In "Introduction of semantic tags," the grammar and sentence structure does not make sense. I tried to correct it, however, it may not be the right correction and should be reviewed.
2018-11-23 20:20:36 -05:00
feat(guide): Import guide in to the client app
2018-10-04 14:47:55 +01:00
#### More Information:
[HTML: Introduction](https://www.w3schools.com/html/html_intro.asp)
Reference in New Issue Copy Permalink