TIL HTML

Samuel .J·2022년 1월 23일
1
post-thumbnail

HTML은 tag들의 집합이다.

Tag : 부등호(<>)로 묶인 HTML의 기본 구성 요소 ex)

태그,태그,등등...
Tag는 </태그이름>을 사용하여 태그가 끝났음을 표기 해야한다.

HTML은 트리구조이다.

<html> : 시작 태그로, 문서 전체의 틀을 구성

<head> : 문서의 메타데이터를 선언 문서의 제목, 브라우저의 탭에 보여짐

<body> : 문서의 내용을 담는 곳

<h1....h6>heading을 의미하며, 크기의 따라 h1~h6까지 있음

자주 사용하는 HTML 요소

  • <div> : div태그는 한줄을 차지합니다.
  • <span> : span태그는 컨텐츠 크기만큼 공간을 차지합니다.
  • <img> : 이미지 삽입, 이미지태그는 닫는 태그가 없다.
  • <a> : anchor(닻; 배의 위치를 고정)의 약자로, 다른 웹페이지로 연결되는 하이퍼링크를 HTML 문서에 표시할 때 사용합니다. 주로 href 속성과 사용됩니다.
  • <ul> : 불릿(●)을 사용한 리스트 작성,
    순서가 없는 데이터를 표현하는 경우에 적절합니다.
  • <ol>: 넘버리스트르 작성 가능
  • <li> : 목록의 항목을 나타낸다.
    반드시 <ol>,<ul>,혹은<menu>안에 위치해야한다.메뉴와 비정렬 목록(ul)에서는 보통 불릿으로 항목을 나타내고, 정렬 목록(ol)에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.
  • <input> : 다양한 입력 폼
    <input> 타입 종류
    • <input type='radio'> :
    • <input type='text'> :
    • <input type='checkbox'> :
    • <textarea> : 줄바꿈이 가능한 폼 <input type='text'>과 기능은 비슷하지만 줄바꿈이 가능함
  • <button> : 버튼을 생성
  • <p> : paragraph(문단)의 약자로, 하나의 문단을 표현하기 위하여 사용됩니다. HTML 문서 작성 시, 가능하면 이 엘리먼트의 본래 목적에 맞게 사용하는 것이 권장됩니다.

HTML 속성(attribute)는 두 가지로 구성되는데, attribute name(속성의 이름)과 attribute value(속성의 값) 으로 구성됩니다.

  • HTML은 웹 문서를 구조적으로 표현하기 위한 언어입니다.
  • CSS는 구조적인 문서를 어떻게 시각적으로 표현하는지에 대한 언어입니다.
  • JavaScript는 본래 브라우저에 웹 문서를 표현하기 위한 스크립팅 언어였으나, 이제는 node.js를 활용하여 서버 제작은 물론이고, PC를 위한 앱 / 프로그램을 만들 수 있는 범용적인 프로그래밍 언어가 되었습니다.
  • <script> : 엘리먼트가 자바스크립트 실행을 위해 사용됩니다
    <script src="my-java-script.js"></script>
profile
기록하는 코린이의 블로그🥸

0개의 댓글