-
HTML의 기초Tech-blog/HTML 2022. 12. 15. 21:27
- HTML이 무엇인가
HyperText Markup Language 의 약자로 언어의 이름을 달고 있지만, 프로그래밍 언어는 아니고!
우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 보여지는 마크업 언어입니다.
- HTML 기본양식
<!DOCTYME html> <html lnag="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="아이콘경로.ico" type="image/x-icon"> <meta property="og:title" content="라미"> <meta property="og:url" content="https://www.asdf.com"> <meta property="og:image" content="모바일이미지"> <meta property="og:description" content="description내용"> </head> <body> <h1>HEllO</h1> <p>Hello</p> </body> </html>- HTML은 기본적으로 <head>태그와 <body>태그로 구분되어 있습니다.
- <head> 태그의 경우 웹브라우저에 표시되지는 않지만 <title>정하는 경우 혹은 카카오톡에 url을 보내줄 때 아래와 같이 보여지는 내용을 내가 원하는 모습으로 보여지고 싶을 때 변경하는 태그입니다.
- <body> 태그는 어느 웹브라우저를 들어가도 보이는 부분들 전부를 작성 할 수 있는 부분이 body태그입니다.
** meta
1. initial-scale === 모바일에서 처음 들어왔을 때 몇배 줌으로 볼지 설정
2. width=device-width === 모바일 기기의 실제 폭으로 렌더링 해주세요~
3. user-scalable="no" === user가 줌인 줌아웃 되는 것을 막을 때 사용
4.icon === title 옆에 아이콘 만들때 (size === 32X32)
4. property = 카톡 등 메신저에서 간단하게 보여지는 이미지
-->- Tag 란?
HTML에서 tag는 홈페이지 내에 내용을 작성할 때 텍스트 파일처럼 단순히 나열하면서 작성하는 것이 아닌
<h1> <p> <span> <div> 와 같은 태그들로 감싸 정리하는 용도로 사용합니다. 대부분의 태그는 <h1></h1>과 같이 닫는 태그를 함께 사용하여 꼭 닫아줘야지 태그 기능을 사용할 수 있습니다!!
****<img> 등과 같은 안닫아도 되는 태그도 있어요!