html 기초 정리

html 기초 정리

Summary:

생활코딩 웹 기본수업 중 html에 대해 기억해야 할 내용입니다.


기본 세팅

html 기본 세팅은 아래와 같이 해둔다.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
  <body>

  </body>
</html>

링크 띄우기

매번 까먹어서 네이버에 검색하는 내용.

<!-- 새 창에 링크 띄우기 -->
<a href="hhttps://github.com/imyeonn" target="_blank">깃허브 링크</a>
<!-- 현재 창에 링크 띄우기 -->
<a href="hhttps://github.com/imyeonn" target="_self">깃허브 링크</a>

리스트

<li>list 1</li>
<li>list 2</li>
<ul>
  <li>list 1</li>
  <li>list 2</li>
</ul>
<ul>
  <li>list 1</li>
  <li>list 2</li>
</ul>
<ol>
  <li>list 1</li>
  <li>list 2</li>
</ol>
<ol>
  <li>list 1</li>
  <li>list 2</li>
</ol>

header, nav, article

<header>
  <h1>title</h1>
</header>
<nav>
  <ol>
    <li>list 1</li>
    <li>list 2</li>
  </ol>
</nav>
<article>
  <ul>
    <li>list 1</li>
    <li>list 2</li>
  </ul>
</article>

Hyeyeon

A Blog about E-Commerce and Product Management

comments powered by Disqus

    rss facebook twitter github youtube mail spotify instagram linkedin google google-plus pinterest medium vimeo stackoverflow reddit quora