생활코딩 | WEB1 - HTML & Internet 를 통해 배운 HTML의 기본 개념을 정리해본다.
HTML 🤔
HTML(Hyper Text Marked-up Language)은 웹페이지나 앱을 만드는 가장 기본적인 언어이다.
HTML이 중요한 이유
정보를 전달할 때 시각적인 표현 뿐 아니라 의미도 함축되어 있어야 한다. 접근성 측면에서도 웹은 타 기술과 다른 의미를 갖게 한다.
HTML의 기본문법
HTML 언어의 적절한 문법에 맞게 작성된 코드(또는 소스)의 결과가 웹페이지에 나타난다.
<Opening Tag> Content </Closing Tag>
HTML Tag
<strong>Content 강조<u>Content Underline<h1> ~ <h6>제목 태그- 자동 줄 바꿈 기능
<br>줄 바꿈의 시각적 의미- Closing이 없음
- 시각적 자유도
<p>단락(paragraph)을 나타내는 태그
-<br>은 단순한 줄바꿈이지만<p>는 "단락"이라는 의미론적 표현<li>list 기능<ul>Unordered list<ol>Ordered list- list의 Grouping을 위한 부모 태그
- ol 은 자동 넘버링(일일히 수정할 필요 없음)
<a><Head>본문(Body)을 설명하는 태그의 모음<title>본문의 제목<meta charset="utf-8">본문을 읽는 방식<html>Head와 Body를 묶는 최고위 태그
<html>
<head>
<title>WEB1 - html</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<h1>HTML</h1>
<p>Hypertext Markup Language is the
standard markup language for
<strong>creating web pages</strong>
and web applications.</p>
<img src="coding.jpeg">
</body>
</html>https://www.advancedwebranking.com 에서 높은 빈도로 사용되는 태그들을 확인 가능하다.
HTML Attribute
Image
<img src="content.jpg" Width ="450">Link
<a href="link" Target="_blank" title="html">Text</a>Target attribute는 새로운 페이지에 링크 페이지를 생성
Title attribute는 마우스 오버 시 툴팁 생성
어디를 가든 마음을 다해 가자