위코드 사전스터디 1주차 자기소개 페이지 만들기를 위한 HTML 공부
Basic HTML Tags
< hr size="3" >
element attribute-element
-attribute: gives more information to the browser to specify modifications to that html element
-
Basics
< h1> < /h1>
1 to 6 (big to small)
< p> paragraph -
< i> vs < em> italicise: better to use em as it gives more
-
< bold> vs < strong> bold: confers meaning this has strong meaning rather than just style the word
-
Self-closing tag
< hr> horizontal rule
< br> line break
< !-- comment --> -
List
< ol> ordered list : 1.2.3
< ul> unordered list: bullet point
< li> listYou can also change the type, start attribute etc
<ol type="i">
<li>hi</li>
<ul>
<li>hi</li>
- Image
<img src=" " alt=" ">alt is altenative text to describe the image in case it wasn't renderd or for SEO
- Anchor
Hyper Text: linked together
<a href="https://"> link text </a>href is destination of the hyper link
Standard boiler plate code (Template)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
</body>
</html>-Meta charset: to be rendered correctly on browsers that are from internaltional visitors
-Unicode
-giving search engine information about the page (SEO)
Table element
Deprecated: no longer used and recommended using tables.
Downgraded, rather use CSS for style!
Forms
-attributes: name, email, password, checkbox, color, file etc
-needs JS for its full functionality
from Udemy course 'The Complete Python Pro Bootcamp for 2021 by Dr. Angel Yu'
