HTML Flashcards
What is a markup language?
A language that uses tags to identify content.
Example of an HTML tag
What are HTML tags?
it is the closing and opening of an HTML document. example:
What does a markup language use to identify content?
Tags
Each paragraph in the example is formatted differently to demonstrate what each tag does:
The browser does not display comments, but they help document the HTML and add descriptions, reminders, and other notes.
HTML documents are made up of HTML elements.
An HTML element is written using a start tag and an end tag, and with the content in between.
Attributes provide additional information about an element or a tag, while also modifying them. Most attributes have a value; the value modifies the attribute.
In this example, the value of “center” indicates that the content within the p element should be aligned to the center:
As an example, we can modify the horizontal line so it has a width of 50 pixels.
This can be done by using the width attribute:
An element’s width can also be defined using percentages:
The align attribute is used to specify how the text is aligned.
In the example below, we have a paragraph that is aligned to the center, and a line that is aligned to the right.
The HTML image syntax looks like this:
You need to put in the image location for the src attribute that is between the quotation marks.
For example, if you have a photo named “tree.jpg” in the same folder as the HTML file, your code should look like this:
To define the image size, use the width and height attributes.
The value can be specified in pixels or as a percentage:
By default, an image has no borders. Use the border attribute within the image tag to create a border around the image.
Links are also an integral part of every web page. You can add links to text or images that will enable the user to click on them in order to be directed to another file or webpage.
Use the href attribute to define the link’s destination address:
The target attribute specifies where to open the linked document.
Giving a _blank value to your attribute will have the link open in a new window or new tab:
Here is an example of a table with one row and three columns:
A border can be added using the border attribute:
To change your table’s position, use the align attribute inside your table tag:
Use table tags to add a table to your blog that represents your daily learning schedule.
In HTML, most elements are defined as block level or inline elements.
Block level elements start from a new line.
Use the action attribute to point to a webpage that will load after the user submits the form.
The method attribute specifies the HTTP method (GET or POST) to be used when forms are submitted (see below for description):
If we change the input type to radio, it allows the user select only one of a number of choices:
If we change the input type to radio, it allows the user select only one of a number of choices:
The type “checkbox” allows the user to select more than one option:
The submit button submits a form to its action attribute:
Create a Contact Form for your blog. The form will include Name, Email, and Message fields. We’ll also add a Submit button.
Check out the code:
This is just a static HTML page, so it won’t work to actually submit the form. You’d need to create the server-side code in order to submit a real form and process the data. To learn how, complete SoloLearn’s PHP course once you’ve completed the HTML and CSS courses.
Colors are displayed in combinations of red, green, and blue light (RGB).
Hex values are written using the hashtag symbol (#), followed by either three or six hex characters.
As shown in the picture below, the circles overlap, forming new colors:
RGB color values are supported in all browsers.
All of the possible red, green, and blue combinations potentially number over 16 million.
Here are only a few of them:
We can mix the colors to form additional colors:
Orange and red mix:
Hexadecimal color values are supported in all browsers.
The bgcolor attribute can be used to change the web page’s background color.
This example would produce a dark blue background with a white headline:
A page can be divided into frames using a special frame document.
Frame content should be defined using the src attribute.
To finalize our blog, we’ll use a frame to embed a YouTube video. We’ll also create a Follow Mesection that includes links at the end of the page.
Check out the final code:
