Download presentation
Presentation is loading. Please wait.
Published byEarl McDonald Modified over 9 years ago
1
Tags through Forms
3
This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important that this is at the top of every HTML page, but for now, just take it as a necessary standard.
4
HTML Tags need to begin at the beginning of every HTML document and close at the end of every document. This tag turns the entire page into an element that tells the browser to read all of that content in the HTML language.
6
Body Tags encase all visible content on the webpage. Anything outside of this tag will not be visible on the webpage. Information outside of the tags are considered information about the website needed to make the HTML readable.
8
Body Tags encase all visible content on the webpage. Anything outside of this tag will not be visible on the webpage. Information outside of the tags are considered information about the website needed to make the HTML readable.
9
Attributes are sometimes put inside of Tags to add extra information. That information is usually stylistic. They look like this: Content For now, just know their formatting and relationship to tags. We’ll work with how to use them later.
10
Tags mark the end and beginning of Elements ELEMENT: content
11
Webpages are made up of multiple elements stacked on top of each other. content content content
12
The elements within the tags are outside of the tags, which means that they contain information about the HTML page that is not visible when the page is viewed on a browser. They are not the same as,,, header tags.
13
The element gives a title to the browser window or browser tab. It is essential that you use page titles for the clarity of your sites.
14
If you don’t encase any of your browser information that you type into the tag in any other tags, the standard formatting for your page will be 12pt, Black, Times New Roman with no line breaks.
15
Paragraph tags tell the browser to break the information you have typed into the content section in to separated sections.
16
tags make their content display bold tags make their content display italicized
17
Line breaks don’t have any content, so they don’t need a closing tag.
18
Headings give automatic bold formatting and increased font size is the largest heading, and should only be used once on a single page is the smallest possible heading thru can be used multiple times throughout a document.
20
There are 3 types of lists: ordered, unordered, and definition lists (we’ll focus on ordered and unordered for now) Ordered lists use numbers: … Unordered lists use bullets: … Each item in a list is called a List Item: …
22
The opening and closing tags are: … These are also called anchor tags These tags are not enough to make a link: you need to insert the destination of the link with an attribute Here is your first instance of using an attribute…
23
The opening and closing tags are: … These are also called anchor tags These tags are not enough to make a link: you need to insert the destination of the link with an attribute inside the opening anchor tag. This is your first instance of using an attribute…
24
This is the first part of your opening tag needed for a link This attribute name goes inside the opening tag after the anchor This attribute value goes inside the opening tag after the anchor This closes your opening tag with your attribute inside it This is the content that will be click-able to lead you to the site link This closes the entire link element
25
Your attribute value is the web address for a website that begins with “www” and ends with “.com” This is basically just a web address: HTML Dog Looks like: HTML Dog
26
Your attribute value is the name of the file you have created that you want to link to. Generally, all.html files will be in the same root folder, so your link code will look like this: Internal Link You can name these links anything you like.
27
If the.html file you are linking to is organized in a folder called “subfolder” within your root folder, your link would look like this: Internal Link
28
You can also add links within your page that jump to locations on your page that are harder to find. This is usually used for very content heavy pages. To use these, first place an “id” attribute in one of the existing element tags that you want to be able to jump to. This attribute looks like this: Location
29
Next you need to add a link that takes you to the link you have created. These links look like this: Go to location
30
This is the first part of your opening tag needed to insert an image This attribute name goes inside the opening tag after the image tag This attribute value goes inside the opening tag after the attribute name if you are linking to a web-based image This is an additional attribute that sets the width of the image This is an additional attribute that sets the height of the image This attribute is designed to be readable by computer accessibility devices for the blind This tag closes your image element
31
This is the opening tag for a whole table This is an opening tag for a table row Each row usually has multiple cells This is the opening tag for a table cell This is the closing tag for a table cell This is the closing tag for a whole table
32
If you imagine a 3x4 table, which is 12 cells, there should be four elements to define the rows and three elements within each of the rows, making a total of 12 td elements.
33
http://www.htmldog.com/guides/html/beginner/
Similar presentations
© 2024 SlidePlayer.com Inc.
All rights reserved.