SLR 12 Flashcards
Web Technologies
What is HTML?
Hyper Text Markup Language
HTML elements are the building blocks of HTML webpages and are represented by <> tags
What HTML tags do you need to know?
<html>
<link></link>
<head>
<title>
<body>
<h*>
<img></img>
<div>
<a>
<form>
<input></input>
<p>
<li>
<ol>
<ul>
<script> </script></ul></ol></li></p></form></a></div></body></title></head></html>
What does the <head> tag do?
Acts as a container for metadata
Metadata - Data inside data
What does the <title> tag do?</title>
Defines the title of the document
What does the <body> tag do?
Defines the documents main text
What does the <h*> tag do?
Used to define headings in order of important and size
What does the <p> tag do?
Defines a paragraph
What does the <img></img> tag do?
Used to embed images as the the two attributes:
src - specifies the file path
alt - specifies alt text if the image can’t be displayed
What does the <a> tag do?</a>
Defines a hyperlink, which links pages together
What does the <ol> tag do?
Defines an ordered list
What does the <ul> tag do?
Defines an unordered list
What does the <li> tag do?
Used to give list items
How does a tag end?
With a </__> like this:
<h1> qwerty </h1>
What is CSS?
Cascading Style Sheets
Describes how HTML elements are displayed on screen, paper and other media
Displayed in <style> tags</style>
Why is CSS used internally and externally?
It’s used internally to change only one page
It can be used to externally to change the whole website, and keeping consistency
What are the CSS elements you need to know?
background-colour
border-colour
border-style
border-width
font-family
font-size
heigh
width
colour
What does the <div> tag do?
Can be used to divide the HTML document up and apply different styles to each part
How are the amount of pixels typed out
1 pixel would be:
1px
What is Javascript?
The programming language for the web which can be used to modify HTML and CSS
Allows you to calculate, manipulate and validate data
What does the <form> tag do?
Creates HTML forms for user input
What are the form elements?
<input></input>
<textarea>
<button>
<select>
<opinion>
<optgroup>
<fieldset>
<label>
<output>
</output></label></fieldset></optgroup></opinion></select></button></textarea>
What is search engine indexing?
The process off a search engine collection, sorting and storing data in its index
The index is where all the data the search engine has gathered is located
Sending the index is fast and it constantly needs to be updated to add new pages, remove deleted pages and update broken links
Requests are ran against the index to gather data
What is the Page Rank Algorithm?
An algorithm used to compile and rank web pages
The results are then returned by a search engine
What determines a pages PageRank?
The amount of links to the page, the number of people who’ve clicked on them and the number of people who’ve visited the site
How do search engines work?
Keeps requests on an index which gathers up data into that index to be displayed
What does Server and Client side processing work?
- The client requests a page
- The clients request is recieved by the web server
- The web server returns the page to the clients browser
What does client-side processing do?
- Initial data validation (JS)
- Manipulates UI elements
- Applies website styles
- Reduces load on the server
- Reduces the amount of web traffic
What does server-side processing do?
- Provides further validaiton
- Queries and updates the server database
- Encodes data into readable HTML
- Keeps organisation data secure
- Performs complex calculations
