HTML
HTML, which is an abbreviation of HyperText Markup Language, is a standard used when creating web pages. Keywords are used, called 'tags', which define how a web browser will format and display the content (such as text and images).
HTML tags commonly come in pairs, such as <html> and </html> or <b> and </b>. The first tag in a pair is called the opening tag and the second tag is called the closing tag. Between these tags, programmers can add text, more tags, comments and other types of text-based content.
HTML tags commonly come in pairs, such as <html> and </html> or <b> and </b>. The first tag in a pair is called the opening tag and the second tag is called the closing tag. Between these tags, programmers can add text, more tags, comments and other types of text-based content.
- The text between the <html> and </html> tags describes the web page.
- The <head> and </head> tags are used to access the tab at the top of a browser window. Between these tags, you can include the <title> and </title> tags to add text into the tab. For example, <head><title>My Web Page</title></head> will put the text 'My Web Page' in the tab.
- The <body> and </body> tags are used to add content to the main section of the web page.
- The <p> and </p> tags are used to automatically add some space before and after each <p> tag.
- When you want to hyperlink some text or an image, it is placed within the <a href=”url”> and </a> tags.
For example,<a href="https://www.eduqas.co.uk">Eduqas</a> will be displayed the word 'Eduqas' and hyperlink it to www.eduqas.co.uk. Note: it is important to include the protocol https:// in the hyperlink. - The <img> tag is slightly different, as it does not contain a closing tag. For example, <img src="logo.gif"> will display the image file logo.gif.
- The <h1> and </h1> tags are used to create a large heading. The size of the heading will decrease as you decrease the number. <h6> and </h6> creates the smallest heading you can have.
- The following tags can be use to change the format of text:
- <b> and </b> changes text to bold
- <i> and </i> changes text to italics
- <u> and </u> changes text to underline
- The <center> and </center> tags are used centre align text and images on the web page.
- <blockquote> tag is used to move text in from the margins to make it stand out. For example, <blockquote> To be or not to be </blockquote> would indent "To be or not to be" from the right and left margins.
- <hr> is the horizontal rule tag and creates a horizontal line which is used to separate content in an HTML page.
- To create a bullet pointed list, we need to use the tag for an unordered list, which is <ul>. For each line in the list we use the <li> tag. For example to create a bullet pointed list of Apple, Oranges and Pears, you would use:
<li>Apples</li>
<li>Oranges</li>
<li>Pears</li>
</ul>
Practice Task
Try creating the webpage below using HTML code.
Try creating the webpage below using HTML code.
Using Notepad, insert the HTML tags that would be needed to display the content and formatting shown.
The image file you require is called firewall.jpg
The page title should be set to Cybersecurity Briefing.
Save your new web page as finalAdvert.txt
Make sure you test your solution as an HTML page to ensure it works... remember to use SAVE AS, then change the file type to 'All Files' and put .html at the end of the filename.
The image file you require is called firewall.jpg
The page title should be set to Cybersecurity Briefing.
Save your new web page as finalAdvert.txt
Make sure you test your solution as an HTML page to ensure it works... remember to use SAVE AS, then change the file type to 'All Files' and put .html at the end of the filename.
Get help from the HTML example below - all of the code that you need can be seen in an example of a DIFFERENT webpage seen below. Refer to this when you get stuck!
Extension
The <blockquote> tag is used to indent text from the right and left margins.
For example:
<blockquote>To be or not to be</blockquote>
This HTML code would indent "To be or not to be" from the right and left margins.
Give it a go!
The <blockquote> tag is used to indent text from the right and left margins.
For example:
<blockquote>To be or not to be</blockquote>
This HTML code would indent "To be or not to be" from the right and left margins.
Give it a go!