Small Step

HTML 기본과 자주쓰는 태그 본문

코딩/Web

HTML 기본과 자주쓰는 태그

Esunn 2020. 1. 4. 16:10

 

https://opentutorials.org/course/3084

 

WEB1 - HTML & Internet - 생활코딩

--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여러분은 자신을 남의 문제를 통해서 코딩을 배우려는 학생이 아니라 나의 문제를 코딩으로 해결하려는 엔지니어라고 상상해주세요. 그럼 어떤 문제를 해결하면 좋을까요? 글쎄요. 각자가 해결하고 싶은 문제가 다를 거예요. 또 해결하고 싶은 문제가 아직 없을지도 모르고요. 그래서

opentutorials.org

웹페이지를 만드는 컴퓨터 언어는 HTML이다.

HTML의 기본문법 : 태그 <strong> </strong>이런 태그들을 열고닫아 웹페이지를 만든다.

또한 속성이라는 문법을 사용하여 더 많이 표현할 수 있다. 

ex) <img src="https://s3-ap-northeast-2.amazonaws.com/opentutorials-user-file/module/3135/7648.png">

 

HTML에서도 부모태그와 자식태그가 있다

<ul>
    <li> HTML</li>
    <li> CSS</li>
    <li> JavaScript</li>
</ul>

ul 또는 ol태그와 li태그는 서로 부모자식 태그이다. 

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

HTML의 기본 문서구조이다.

head태그에는 본문을 설명하는 태그를 body태그안에는 본문을 사용한다.

HTML문서인것을 알리기위해 <!DOCTYPE html> 을 사용하고 body 태그와 head 태그를 html 태그로 한 번 더 감싼다.

 

웹은 1990년 스위스에서 만들어졌다. 1990년에 스위스의 유럽입자물리 연구소에  인터넷이 도입된다

그리고 웹의 창시자인 팀 버너스  리는  1990년 10월에 웹페이지를 편집하는 프로그램을 만들고

1990년 11월에 세계최초의 웹브라우저를 만든다. 이 웹브라우저의 이름은 월드와이드웹(world wide web)이다.

훗날  이 브라우저의 이름이 웹의 이름이 된다.

그리고 1990년 12월 24일  크리스마스 이브에 마침내 웹서버를 만들게 되고 이서버에 부여한 도메인 이름은

info.cern.ch이다. 이것이 최초의 웹페이지 이다.(놀랍게도 지금도 들어갈 수 있다.)

 

 

태그메모

<meta charset="utf-8"> : 한글이 깨질때 사용(웹브라우저에게 UTF-8로 페이지를 열라고 하는 태그)

 

<u></u> : 밑줄을 긋는 태그

 

<strong> </strong> : 글자를 진하게 하는 태그

 

<h1~6> </h1~6> : 제목을 표현하는 태그

 

<br> : 줄바꿈을 하는 태그

 

<p> </p> : 단락을 표현하는 태그

 

<img src="이미지경로"> : 이미지를 추가할때 사용하는 태그

 

<li> </li> : 리스트를 만들때 사용 ol 또는 ul 태그와 함께 쓰인다.

 

<ol> </ol> : ordered list 의 약자 리스트 앞에 숫자를 붙여준다.

 

<ul> </ul> : unordered list 의 약자 리스트 앞에 숫자를 붙이지 않는다.

 

<title> </title> : 웹페이지의 이름을 정하는 태그

 

<a href="웹페이지 주소" target="_blank" title="링크내용"> </a>

: 링크를 걸때 사용하는 태그 

  target="_blank"는 새창에서 열리게 하는 속성

  title 속성은 링크의 내용을 설명하는 속성

Comments