HTML14 [HTML] HTML 문법 정리 HTML 문법 정리 HTML 문법에 대한 정리문서로 각 문법은 아래 포스팅 참고하면 된다. [HTML] h, a 태그 태그 태그들은 웹 페이지의 컨텐츠 내에서 헤드라인(제목)을 표시할 때 사용한다. 태그는 h1을 시작으로 h6까지 있으며 숫자가 커질수록 글자크기가 작아진다. h1 태그입니다. h2 태그입니다. h3 태 ypangtrouble.tistory.com [HTML] 텍스트 서식 태그 , 태그 , 태그는 텍스트를 강조하고자 할 때 사용한다. , 태그 , 태그는 텍스트를 기울이고자 할 때 사용한다. , 태그 , 태그는 밑줄을 나타낸다. 태그 태그는 취소선을 나타낸다. , 태그 , 태그는 ypangtrouble.tistory.com [HTML] img 태그 태그 태그는 이미지를 삽입할 때 사용한다. .. 2023. 12. 12. [HTML] 시멘틱(semantic) 태그 시멘틱 태그 시멘틱 태그란 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그를 의미한다. 시멘틱 태그 이전에는 아래와 같이 태그의 id 나 class 속성을 이용하여 레이아웃을 구현하였고 이는 개발자마다 다르게 지정하는 등 불편함이 있었다. 또한 태그나 너무 많아 복잡해지는 문제도 있었다. 헤더 및 메뉴 메뉴 본문 하단정보 시멘틱 태그를 이용하면 의미론적인 공통된 태그를 이용할 수 있으며, 검색 엔진 등에서 소스를 읽을 때 해당 요소의 의미(제목, 메뉴 본문 등)를 쉽게 판독할 수 있게 한다. 시멘틱 태그들의 레이아웃을 다음과 같으며 각 태크들에 대해 알아보자. HTML html의 시멘틱 태그에 대해 알아보자 nav1 nav2 nav3 nav4 article 내용1 article 내용2 광고영역 Co.. 2022. 2. 28. [HTML] fieldset, legend, label 태그 태그 태그란 같은 목적의 입력요소를 그룹화할 때 사용한다. 속성 의미 값 disabled 그룹 내 모든 양식 요소를 비활성화 boolean name 그룹의 이름 태그 태그는 태그의 그룹 제목 작성에 사용한다. 카페 종류 스타벅스 이디야 파스쿠치 커피 종류 아메리카노 카페라떼 태그 태그는 라벨 가능한 요소를 설명할 때 사용한다. 라벨 가능한 요소를 컨테츠로 포함하거나 for 속성으로 참조할 수 있다. 라벨 가능한 요소 : , , , , 속성 의미 for 참조 가능한 요소의 id 값 동의합니다 동의하지 않습니다 label 태그에 의해 라벨 가능한 요소로 포함되어 있기 때문에 checkbox를 누르지 않고 글씨를 눌러 체크할 수 있다. 2022. 2. 27. [HTML] textarea, datalist 태그 태그 태그는 여러 줄의 텍스트 양식을 입력받을 때 사용한다. 속성 의미 값 autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off autofocus 페이지가 로드될 떄 자동으로 포커스 boolean disabled 양식을 비활성화 boolean maxlength 입력 가능한 최대 문자 수 숫자 name 양식의 이름 placeholder 사용자가 입력할 값의 힌트 readonly 수정 불가한 읽기 전용 rows 높이(양식의 줄 수) 숫자 cols 너비(한 줄의 글자 수) 숫자 textarea1 : textarea2 : textarea3 : readonly 태그 태그는 태그에 미리 정의된 옵션을 지정하여 자동완성 기능을 제공하는데 사용한다. 속성 의미 값 i.. 2022. 2. 27. [HTML] select 태그 태그 태그는 옵션을 선택하고자 할 때 사용한다. 속성 의미 값 기본값 disabled 선택 메뉴를 비활성화 boolean multiple 다중 선택 여부 boolean name 선택 메뉴의 이름 size 한 번에 볼 수 있는 행의 개수 숫자 1 태그 태그는 태그에서 옵션을 표시할 때 사용한다. 속성 의미 값 disabled 선택 메뉴를 비활성화 boolean selected 옵션이 선택되었음을 표시 boolean value 양식으로 제출될 값 색상 붉은색 검은색 초록색 색상 다중선택 붉은색 검은색 초록색 색상 행 개수 붉은색 검은색 초록색 태그 태그는 태그를 그룹화할 때 사용한다. 속성 의미 값 label 옵션 그룹의 이름(필수) disabled 옵션 그룹을 비활성화 boolean 신발 사이즈 260mm.. 2022. 2. 27. [HTML] form, input 태그 태그 form 태그는 웹사이트에서 다른 페이지로 정보를 보낼 때 사용한다. 속성 의미 값 기본값 action 전송한 정보를 처리할 웹페이지의 URL URL autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on method 서버로 전송할 HTTP 방식 GET, POST GET name 고유한 양식의 이름 target 서버로 전송 후 응답받을 방식 _self, _blank _self method 속성(GET/POST) GET 방식 URL의 끝에 데이터를 첨부해서 전송한다. 키=값&키=값 데이터가 URL에 항상 노출이 되며 전송할 수 있는 정보의 길이가 256자로 제한된다. POST 방식 URL 상에 정보가 노출되지 않는다. 정보가 header의 bod.. 2022. 2. 26. 이전 1 2 3 다음 728x90