Section 1
Preview this deck
Editing HTML Files
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (64)
Section 1
(50 cards)
Editing HTML Files
If you double-click the file, it opens in an Internet browser. It does not open in the text editor program you used to create it. You'll have to open the text editor first if you want to view the file in the text-editor screen. Then, choose "Open" from the "File" menu. Browse to the file that you should have saved on your desktop and click "Open." From there, you can edit the file.
HTML tags
let you insert various sizes of text, format paragraphs, add horizontal lines, and complete a variety of other tasks.
The value
the definition of the characteristic the attribute refers to. In HTML, all colors are defined by color values from #000000 (black) to #FFFFFF (white).
Entities
used in HTML for things such as spaces, signs, and symbols.
1.Open a text editor program.
In Windows, you can find Notepad by clicking on your Start menu and choosing All Programs and Accessories. On a Mac, open the Applications window and choose TypePad.
Horizontal Rule Tag
This tag inserts a horizontal line onto the web page.You can change the length of the horizontal line by adding size tags to it, such as <hr width=50%>
2.Create a new document.
Usually, text editor programs will open up with a new document template already loaded. If this isn't the case for you, simply click New under the File menu.
The code for a web page begins with an <html> tag (an opening tag). The page also ends with a corresponding closing tag, </html>
This opening HTML tag tells the computer that HTML code is about to begin. At the end of the page, the closing HTML tag tells the computer that the HTML code has ended.
the title of the web page appears in the title bar of the Internet browser when you're viewing the page.
It also appears in the minimized window when you have the page minimized.
Step 2.
Choose File > New Folder, or press Shift-Command (⌘)-N.If the New Folder command is dimmed, you can't create a folder in the current location. For example, you could not create a folder in the All My Files section of the Finder sidebar. Choose a different location and try again.
some tags do require attributes. For example, the image tag by itself, <img>, is meaningless without attributes.
The simplest functional image tag requires an attribute that identifies the source of the image. Without an attribute to tell the computer where the image is stored, the image cannot be displayed
paragraph Tag
used to create chunks of text, like paragraphs. HTML automatically adds an extra line break between sets of paragraph tags. (<p> paragraph </p>)
<head>
The head tags means "heading or header." It usually contains the title of the HTML page. As a matter of fact, you'll often find the title tag, <title> and </title>, within the header tags. The <head> tag might also contain comment information. This could be the web page author's name and date of creation.
Step 3
Enter a name for the folder, as shown in the example, titled "Business Letter," and then press Enter.
Capitalization doesn't really matter when writing HTML code, though. HTML code is not case sensitive.
it is a best practice to use all lowercase letters. This makes it easier for you and other people to read your code when looking at the source code in the background.
"src" is the attribute.
<img src="/images/box.jpg" />
onduct a safe Internet search using the search terms "W3Cs HTML color picker."
You can also use an attribute to display an image as the background of a web page. In the example below, "background" is the attribute. (<body background="dots.gif">)
Heading Tags
These tags are used to create headings for your web page. There are six heading tags: <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. <h1> is the largest font size. These heading tags get progressively smaller until you reach <h6>. Heading tags also make the text bold
Emphasis Tag
A different way to emphasize text is with the emphasis tag, <em>.
Website Developer's Console
Using a developer's console, an integrated web development environment, is incredibly helpful when creating things for the web. It is also a good way for you to learn how websites are made and structured
Hyperlinks
the most common uses of attributes. The anchor tag is <a>. To define a link, you must use the hypertext reference, or href, attribute within the anchor tag. There is then an end anchor </a> tag at the end of the link reference.
Step 1.
Click the desktop if you want to create the folder on the desktop; otherwise, open a Finder window and navigate to where you want to create the folder.
4.Save the document by choosing Save As in the File menu
a.From the list of folders and places on the left, choose Desktop. b.In the Save as type drop-down menu, choose "Hypertext Markup Language file." If "Hypertext Markup Language file" is not an available option, choose All Files. c.Name the file "index.html" and click Save.
The ordered list tag is <ol>. the "o" stands for "ordered" and the "l" stands for "list."
Each item you want in your list uses the line item (or list item) tag <li>. The "l" stands for line and the "i" for item.
Unordered lists can use three different bullet types.
They are discs, circles, and squares. The disc is always used by default if no bullet type is specified. Bullet types are defined using the type attribute.
To create a well-designed website, you need to know how to add the elements you want.
HTML Tables
used to organize information on web pages. The opening HTML tag for a table is <table>. There are several tags used within the table tag set
To create an unordered list, you just use the unordered list tag <ul>. The "u" stands for "unordered" and "l" for "list."
You use list item tags as you used them in the ordered lists.
Nesting Tags
Tags can also be used within other tags. Using HTML tags within other tags is called nesting tags
Attributes
used to define HTML tags.
Writing HTML
All you need to create a web page using HTML is a text editor like Notepad or TypePad
Directions for Creating an HTML Page
next 4 flashcards
3.Type or copy and paste the text below into your new document.
<html> <head> <title>Hello World!</title> <body> <h1>Hello World!</h1> <p>This is my first web page.</p></body> </html>
HTML
made up of tags. Tags are words or abbreviated words enclosed in brackets. Tags give instructions to the browser. For example, <HTML> is the tag used to mark the beginning of a piece of HTML code.
The comment tag contains text for people who are reading your code. You can use the comment tag to credit other coders (authors) when you borrow their code.
You can also type a comment explaining why you used that particular text or code. You can also use the comment tag to insert instructions for other coders who might be using your code. The comment tag looks like this: <!-- -->.
Alt attribute:
As with the title attribute, this attribute has a dual purpose. For all users, it provides the benefit of specifying alternative text that will be displayed if the HTML element breaks, such as an image not loading. In addition, the alt attribute ensures that users with vision impairments get the same information from the image as sighted users. Screen readers will read the alt tag to someone who is listening to the web page.
Each tag can contain as many attributes as needed. In the image tag below, there are several examples of multiple attributes.
<img src="images/box.jpg" originalAttribute="src" originalPath="images/box.jpg" border="0" width="550" height="220" alt="Picture of a box" />
Table Headings
Blockquote Tag
used to indent full blocks of text.
here are tags used to create rows and columns. The table row tag, <tr> (t for table, r for row), is used to create a row
Within each table row tag, table data tags, <td> (t for table, and d for data), are used to create individual cells.
Creating Folders with a Mac
Steps
Comment Tag
used to add text to the HTML document that will not appear on the web page. Internet browsers completely ignore the contents of a comment tag.
What Is HTML?
Hypertext Markup Language, or HTML for short, is used to create content on the World Wide Web. HTML is used to create web pages so that people can see every page regardless of the computer or browser they choose to use.
Strong Tag
To create bold text using HTML, use the strong tag. The <strong> tag makes text bold (darker), creating the visual effect of strong text.
Break tag
What if you do not want the extra line break between text that the paragraph tags create? The break tag, <br/>, creates a single line break. Sometimes this is written <br>.v
Title attribute:
When you move the mouse over the element, the title will display as a tooltip. This tag will also be read aloud for people using screen readers.
For example, to change the background color of a web page,
you would use the bgcolor attribute within the body tag. (<body bgcolor="#000000">) #000000 This is the code for black.
For the most part, each set of HTML tags has three main parts:
1.Opening Tag 2.Contents 3.Closing Tag
DOM
is an application programming interface for HTML. It defines the logical structure and style of documents.
href attribute:
This attribute defines the link path in <a> tags, pointing the link to where it needs to go when clicked by the user. <a href="https://www.google.com">Click here to visit Google.</a>
Section 2
(14 cards)