1일차 : https://arca.live/b/programmer/51527696?p=1



ctrl 누른 상태로 클릭시 커서 동시에 가능

tab 들여쓰기


<img src="000.jpg" width="00%">  

-> 홀태그, 정보 등의 출처(source), src/width 등의 속성(attribute)들은 순서 바뀌어도 무방


<li> </li> -> 리스트, 목록(list) (<li> 태그가 있으면 <ul> 태그 혹은 <ol> 태그 필수)

<ul> </ul> -> 경계를 짓기위한(그룹핑) <li>의 부모태그(unordered List)

<ol> </ol> -> 위와 동일하지만 자동으로 넘버링(ordered List)


<a href="주소" target="_blank" title="00"> </a> -> 특정한 곳에 하이퍼텍스트 기능을 달아준다

a -> 닻(anchor/좌표를 찍는 느낌), h -> 링크(hypertext), ref -> 참조(reference)

target 속성은 클릭했을 때 문서가 열리는 위치를 정하게함

title 속성은 클릭하기 전 무엇인가를 알려주고 싶을 때


<title> </title> -> 웹페이지의 제목


<meta charset ="utf-8"> 

-> 홀태그, 문자규칙(Character + Set), 웹페이지가 특정한 문자규칙으로 읽게한다


<body> </body> -> 본문을 묶는 태그

<head> </head> -> 본문(body)을 설명하는 태그는 <head> 태그로 묶음

-> 즉 html에 있는 태그는 모두 <head> 또는 <body> 태그 둘 중 하나 아래에 놓이게 됨


<html> </html> -> <body>, <head> 태그를 감싸는 최상위 태그


<!doctype html> -> 문서의 유형을 정의하기 위해 사용하는 선언문


<!doctype html>

  <html>

    <head>

      <title> </title>

      <meta charset = "utf-8">

    </head>  


    <body>

      <img src="" width="100%">

      <ul>

        <li>1.@@@</li>

        <li>2.@@</li>

      </ul>

    </body>

  </html>