HTML_essential tags

hxngxS 2022.02.09

<!DOCTYPE html>
<html>
<head>
  <title>HTML-소개</title>
  <meta charset="utf-8">
</head>
<body>
  <h1><a href="index.html">HTML</a></h1>
  <ol>
    <li><a href="1.html">기술소개</a></li>
    <li><a href="2.html">기본문법</a></li>
    <li><a href="3.html">하이퍼텍스트와 속성</a></li>
    <li><a href="4.html">리스트와 태그의 중첩</a></li>
  </ol>
  <h2>수업의 목적</h2>
  본 수업은 HTML에 대한 심화된 내용을 다룹니다. 
  HTML의 기본문법과 HTML의 주요한 태그들에 대한 수업을 담고 있습니다.
  <h2>선행학습</h2>
  본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 
  각각의 기술들이 어떻게 관계하고 있는지를 알려드리는 것이 위 수업의 목적입니다.
</body>
</html>

<title> 태그를 이용해 웹 페이지 제목 설정

The <title> tag in HTML is used to define the title of HTML document. It sets the title in the browser toolbar. It provides the title for the web page when it is added to favorites. It displays the title for the page in search engine results.

<meta> 태그 추가

The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data.

<meta> tags always go inside the <head> element, and are typically used to specify character set, page description, keywords, author of the document, and viewport settings.

<html>, <head>, <body>

HTML에 있는 모든 태그는 <head> 태그 또는 <body> 태그 중 하나 아래에 놓인다. 그런 의미에서 <head> 태그 또는 <body> 태그는 상당히 고위직 태그라 할 수 있는데, 이 고위직 태그를 감싸는 단 하나의 태그가 <html> 태그이다.

<!DOCTYPE HTML>

All HTML documents must start with a <!DOCTYPE> declaration.

The declaration is not an HTML tag. It is an "information" to the browser about what document type to expect.

In HTML 5, the declaration is simple:

<!DOCTYPE html>

Hypertext;anchor, <a>

The <a> tag defines a hyperlink, which is used to link from one page to another.

The most important attribute of the <a> element is the href attribute, which indicates the link's destination.

href 속성-하이퍼텍스트의 첫 글자인 h와 웹 브라우저에게 이 값을 참조하라는 의미의 reference에서 앞의 세 글자를 따옴.

The href attribute specifies the URL of the page the link goes to.

If the href attribute is not present, the <a> tag will not be a hyperlink.

링크를 클릭했을 때 새 탭에서 열리게 만들고 싶다면

target="_blank"

The target attribute specifies where to open the linked document.

툴팁으로 내용 미리 표시

title="Free Web tutorials"

The title attribute specifies extra information about an element.

The information is most often shown as a tooltip text when the mouse moves over the eleme