HTML 태그정리(dreamcoding)

navbar#navbar

<nav id="navbar">

section#about

<section id="about"></section>

 

.navbar__logo

<div class="navbar__logo">

 

ul.navbar__menu>li.navbar__menu__item*6

      <li class="navbar__menu__item">Home</li>

      <li class="navbar__menu__item">About</li>

      <li class="navbar__menu__item">Skills</li>

      <li class="navbar__menu__item">My work</li>

      <li class="navbar__menu__item">Testimonial</li>

      <li class="navbar__menu__item">Contact</li>

 

이미지 태그 넣는법

<img src="imgs/favicon.png" alt="" width="30" height="30">

 

img.home__avatar

<img src="" alt="" class="home__avatar">

 

 

h1.home__title

<h1 class="home__title"></h1>

 

<br /> 줄바꿈

Hello, <br />I'm Dream Coder

 

button.home__contact

<button class="home__contact"></button>

 

작성순서도 ccode 

class 지정=> class를 major변수명으로 지정 class안에 아이콘 지정=>아이콘 명지정(favaicon)

=> class title지정 => class description지정