0% found this document useful (0 votes)
15 views8 pages

HTML

Uploaded by

Fin Bourke
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
15 views8 pages

HTML

Uploaded by

Fin Bourke
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

HTML

Wednesday, 24 January 2024 10:59

Tags- e.g a head or body element

Attributes - e.g. lang="en"

<!DOCTYPE html>
<html lang="en"> #Tag - Opens HTML #lang is attribute - setting to english
<head>
<title> #Everything else is elements - head and body elements
hello, title
</title>
</head>
<body>
hello, body
</body>
</html> #Closes

DATA STRUCTURE BUILT IN COMPUTER


MEMORY IN HEIRACHY LIKE A TREE

Adding nodes to the tree -


With programming so a website can
update

Paragraph Tag - <p>

Break Tag <br>

For separating Lines in HTML

For headings -
<h1> - most important

Through to

<h6> - smallest heading type


For headings -
<h1> - most important

Through to

<h6> - smallest heading type

LISTS -

<body>
<ul>
<li>foo<li>
<li>bar</li>
<li>baz</li>
<ul> - makes list
</body>

ORDERED LISTS -

<ol>
Lists with numbered bullet points

Meta -
Sizing Based on Screen view

<!DOCTYPE html>
<html lang ="en">
<head>
<meta name="viewport" content="initial-scale=1, width=device-width">
<title>meta</title>
</head>
<body>

aiwdjaindiajwdihawuijdiahwudijaownduiajopwdijhuaiwjdopasknjbhudjaiosdnubahij
guahs8j9doiasnbiudg7h8aywu9jiodnjasibda
dhuawhdoiawjndajahwdoiandioanwdioaudiajjidbuawihjdiklnjawhbdiuoawnjd
hawvbduniaskojdhayguhdijonkawjhbdhj

adh9a0opdinuwaih8dj9awinojbdhiyuvagih8j9dokawionjbidfyg7ay8u9idfkopmawknojbi
wu9dkompkanjwbfiuyga7h8uw9dfjokmkawlnjk fhby
awfbiuahjowmdpklj khabygwduh8ijawmkndjbhiygawh8ud9jomawknjbdhygh8a9j
jawhbdhjaowdmkn ljkahdvyhjaidmkn ljkahwbduh

ahwbdiuhainodjbiuwah8jdinawbudgh8jiaowndjbuighawjdinkaljwkbdughaiwnjdbhaygud
hugiahwfnjbhayvwgugwbdhjjnmidjohawuibyfh a
>

joawnjbihdy

ihdyfg7hy8a

jwodkmknl

dhoianjkwbd
adh9a0opdinuwaih8dj9awinojbdhiyuvagih8j9dokawionjbidfyg7ay8u9idfkopmawknojbi
wu9dkompkanjwbfiuyga7h8uw9dfjokmkawlnjk fhby
awfbiuahjowmdpklj khabygwduh8ijawmkndjbhiygawh8ud9jomawknjbdhygh8a9j
jawhbdhjaowdmkn ljkahdvyhjaidmkn ljkahwbduh

ahwbdiuhainodjbiuwah8jdinawbudgh8jiaowndjbuighawjdinkaljwkbdughaiwnjdbhaygud
hugiahwfnjbhayvwgugwbdhjjnmidjohawuibyfh a
</body>
</html>

Content for Viewport -


Initial Scale - no matter who visits it starts at default size
Width = device width, sets width proportional to screen size.

Meta properties -
Open graph tags

Meta property = og:title

Tells browsers what you want them to show as the default title, description and image.

GOOGLE SEARCH

Autofocus - focuses on the search bar

<!DOCTYPE html>
<html lang="en">
<head>
<title>
search
</title>
</head>
<body>
<form action="https://www.google.com/search" method="get">
<input autocomplete="off" autofocus name="q" placeholder="Click
type="search">
<input type="submit" value="Google Search">
</form>
</body>
</html>

TAGs for css:

<link> borrow language from css or python/javascript


ihdyfg7hy8a

jwodkmknl

dhoianjkwbd

Here"
TAGs for css:

<link> borrow language from css or python/javascript

<style> control aesthetics

You might also like