Frontend/HTML

[HTML] 기초

양원준 2023. 7. 13. 16:16
728x90

자 html 복습 시~작!

 

html은 웹페이지를 만들고 디자인하고 싶을  때 사용하는 언어이다

언어라고하기엔 애매하고,,마크업언어인 마크다운이라고 말하는게 나을 듯 싶다

 

hypertext markup language의 약자인데 이름에서 나왔다싶이 markup language에 주목하면된다

한마디로 "자료의 구조를 표현하기 위한 언어"이다

 

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

html 문서는 .htm로 저장하면되고 위에 코드 형식이 있어야 컴퓨터가 아~이게 html 파일이구나라고 인식함!

 

  • head-> 인코등형식, 사이트제목, 필요한 css나 js 파일등이 들어갈 수 있고
  • body -> 실제 웹사이트에서 보여줄 글, 그림 등을 넣으면 된다!

 

 

 

html은 <태그>로 작성한다

<p>나는 바보야</p>

라는 식으로 태그들을 열고 닫은 후 내부에 글을 넣고 그림을 넣는다

 

 

 

html 기본 태그

<p>글 본문</p>
<h1>글 제목</h1>
<img src="이미지 경로">
<a href="">링크</a>
<button>버튼</button>
<ul><li>리스트</li></ul>
<ol><li>리스트</li></ol>

 

htm에서는 용도에 맞는 태그를 사용하는게 중요!

용도에 맞는 태그를 쓰는게 강제되는 사항은 아니지만 (,,-> p태그롤 변형해 버튼을 만들어도 되지 않는가?)

 

 

BUT, 비유티

 

html은 마크업언어이기 때문에 자료의 구조를 쉽게 파악할 수 있어야 한다! 그렇기에 용도에 맞는 태그를 사용하는게 도움이 된다

용도에 맞는 태그를 사용하여 웹표준에 맞는 웹으 만들자~!@~

 

 

 

728x90

'Frontend > HTML' 카테고리의 다른 글

[HTML] div란  (0) 2023.07.14