HTML_TIL_01[codeacademy]

소진수·2021년 5월 21일
1

HTML

목록 보기
1/3
post-thumbnail
  • HTML은 freecodecamp와 inflearn 인터넷 강의를 통해 이해를 했지만 완벽하게 숙지하기 위해 codeacademy의 HTML 영어..강의를 복습합니다.
  • 이해하기 어려운 영어는 간단하게 번역을 한다.
  • 중요한내용은 볼드/기울임표시
  • 사실은 계속 할때마다 정확하게 기억이 안나서 정리합니다...ㅠㅠ

Introduduction to HTML

<h1>Jinsoo So(raw text)</h1>

- HTML = HyperTextMarkupLanguage

- HTML is skeleton of all web pages
- HTML provides structure to the content appearing on a website, such as images, text, or. videos
- **markup language** = computer language that defines the structure and presentation of raw text
- In HTML, the computer can interpret **raw text** that is wrapped in HTML elements
- **Hyper Text** is text displayed on a computer or device that provide access to other text through links, AKA **hyperlinks**
code

HTML Anatomy

<p>Hello World</p>

p, /p = opening tag
Hello World = content
all together = element


The Body

The Body = One of the key HTML elements used to build a webpage

<body>
  <p>Hello World</p>
</body>

The Headings

The Headings = six different headings used for title, article, other forms of content

<body>
  <h1>Hello World</h1>
</body>

Attributes

Attributes = content added to the opening tag of an element and can be used in several different ways, from providing information to changing styling.

Attributes have two parts
- name of the attribute
- value of the attribute

<body>
  <h1 id = "intro">Hello World</h1>
</body>

Displaying Text

Paragraph = contain a block of plain text
span = contain short pieces of text or other HTML
- used to separate small pieces of content that are on the same line as other content(especially inline)
- use <div> when you want to divide your content into blocks

<body>
  <p id = "introduction"><span>Self-driving cars</span> are anticipated to replace up to 2 million jobs over the next two decades.</p>
</body>
profile
느려서 바쁘다

0개의 댓글