[TIL-HTML] 2주차 Part3. [예제로 배우는] HTML의 이해

반 히·2024년 3월 12일

데브코스

목록 보기
8/58
post-thumbnail

📁 CH05. [예제로 배우는] HTML의 이해

📌 HTML이란

  • 하이퍼텍스트 즉, 웹 페이지를 연결하는 기능을 가진 텍스트이자 웹 페이지의 구조를 명시하는 언어.
  • HyperTextMarkup Language

📌 <>

  • HTML은 <> 괄호를 사용함. 우리는 이걸 태그라고 부름
  • 태그는 웹 페이지의 구성 요소 하나하나로 역할을 하게 됨.
  • <태그> 감싸진 글자가 그 태그의 역할을 맡음. </태그>
  • *여는 태그와 닫는 태그가 한 쌍일 수도 있고, 닫는 태그 없이 여는 태그가 단독으로 쓰이는 경우도 있음.
  • body : 화면 안의 내용

📌 HTML 기본 틀

  • 자주 쓰이는 HTML 태그
    • <html></html>
    • <head></head>
    • <body></body>
    • <title></title>
    • <meta></meta>
    • <div></div>

📌 로그인 화면 만들기

<!--login.html-->
<!DOCTYPE html>
<html>
	<head>
    	<meta charset="UTF-8">
        <title> LOGIN </title>
    </head>
    <body>
    	<h1> Login </h1>
        <form>
        	ID : <input type = "text">
            <br>
            PW : <input type = "password">
            <br>
            <input type = "button" value = "login">
        </form>
	</body>
</html>

0개의 댓글