Scribd
Upload
13 views

HTML

Uploaded by

Fin Bourke
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
13 views

HTML

Uploaded by

Fin Bourke
Copyright
© © All Rights Reserved
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