IT관련 이야기

코딩과 HTML

로춘남 2020. 4. 4. 22:24
728x90

공부한 내용 정리

 

컴퓨터의 언어 코딩. 다양한 표현들이 존재하고 있다.

애플리케이션이나 프로그램 등. 웹에서 나타나는 웹페이지. 이러한 웹페이지들이 모여있으면 바로 웹사이트.

 

원인이라 볼 수 있는 코드를 통해서 결과를 만들어내는것이 코딩을 하는데 있어서 핵심이라 볼 수 있음.

코드의 종류는 다양함

ex) C, C++, Java와 JavaScript, 파이썬, php, SQL 기타 등등 각자 역할이 다름.

따라서 내가 하고자하는 방향에 따라 적절한 코드를 사용해줘야 한다.

 

그 중 가장 기초가 되는것이 바로 웹페이지를 만드는 html.

흔히 학생시절 컴퓨터 관련 교양과목을 들어봤다면 잠시 스쳐지나갔을 html

 

이 html은 2가지 측면에서 아주 중요하다고 한다.

1. 쉽다. 처음 접하기에 안성 맞춤.

2. 중요하다. 우리 삶에서 뗄수없는 존재가 되어 버림. ex) 우리는 하루에 웹페이지를 수십번 보고 있음.

 

이러한 웹페이지를 구성하는것이 바로 html 이다.

가장 쉬우면서도 중요한 언어가 바로 html

 

코딩을 하기위에선 에디터가 필요함.

ex) 윈도우에선 메모장 / mac에선 텍스트 / 리눅스에선 Gedit, nano 혹은 vim이 있음.

 

html의 문법은 바로 태그. 가장 간단하면서도 가장 중요한 문법.

 

ex)

<!DOCTYPE> : 마크업 전용 태그

<html> : DOCTYPE를 제외한 전체를 감싸주는 역할

<head> : html문서의 속성을 지정. 주로 타이틀이나 메타태그가 들어감.

<body> : html문서의 뼈대. 여러 속성들을 넣을수 있으나(background/bgcolor/text/link/vlink) CSS의 도입으로 보다 편리해 졌음.

<title> : html의 제목을 지정

<meta> : html의 부가적인 정보 지정.

<h1> : 제목을 표시할 떄 이용. h1부터 h6까지.

<p> : 문단. <b>: 두껍게 <strong> : 강조 <br>: 줄바꿈

<ul> : 목록 <li> 각 항목

<a> : 하이퍼링크 생성. ex) <a href=""></a>

<a>태그 안에 <a>를 또 겹쳐서 넣을수가 없다.

height, width : 세로, 사로 폭

 

기타 등등 다양하다.

이 모든것을 다 외우면 좋겠지만, 사실상 양이 많다 불가능.

하지만 에디터에 자동으로 채워지는 기능이 있기때문에 커밋을 많이해보면서 눈에 익숙하게 해주는것이 좋을것 같다.

 

 

 

 

 

728x90