728x90
반응형
SMALL

html 4

[HTML]HTML5 입력 양식 태그와 구조화 태그

1. 입력 양식 태그1.1 입력 양식 개요`` 태그를 사용하여 사용자가 데이터를 입력하고 서버로 전송할 수 있도록 구성method 속성: 데이터를 전달하는 방식 (`GET` 또는 `POST`)action 속성: 데이터를 전달하는 서버 주소 1.2 입력 방식 (GET vs POST) 방식  설명 GETURL에 데이터를 포함하여 전송 (주소창에 노출)POST데이터를 숨겨서 전송 (보안성 높음) 1.3 입력 양식 종류사용자가 입력할 수 있는 다양한` input`태그 유형 제공 체크박스 라디오 버튼 1.4 label 태그 활용``을 사용하면 입력 필드와 연결되어 접근성이 향상for 속성을 연결하면, ..

Front_end/WEB 2025.03.07

[HTML]HTML5 기본 태그

1. 글자 태그1.1 제목 태그`h1`부터 `h6`까지 제공되며, 숫자가 작을수록 더 중요한 제목을 의미제목글자태그 1제목글자태그 21.2 본문과 줄바꿈 태그단락은 ``, 줄바꿈은 ``, 수평 구분선은 ``로 작성이것은 단락입니다.1.3 앵커(링크) 태그a태그는 anchor를 의미하며, href와 함께 사용다른 페이지로 이동할 때 사용하며, 내부 이동 시 `id`와 함께 사용(id 사용 시, #필수)Google1번 섹션으로 이동1번 섹션입니다.1.4 글자 모양 태그글자 강조 및 모양 변경을 위한 태그들굵게 기울임 작은 글자아래첨자 위첨자밑줄 취소선✅ 핵심 요점 정리 항목  내용 제목`h1`~`h6`단락·줄바꿈·구분선`p`,` br`, `hr`링크`a` (외부/내부 이동)글자 모양`b`,` i`, `sm..

Front_end/WEB 2025.03.07

[HTML]웹 페이지 기본 구조와 작성 방법

1. HTML5 기본 용어1.1 태그와 요소 요소(Element) : 웹페이지를 구성하는 기본 단위로, 제목·본문·이미지 등태그(Tag) : 요소를 만들 때 사용하는 작성 방법자바스크립트에서는 요소를 객체(Object)라고 부름실제 현업에서는 '요소'와 '태그'를 혼용해서 사용1.2 시작 태그와 끝 태그 구분  예시 시작 태그``끝 태그``요소`제목입니다`1.3 속성(Attribute)요소에 추가 정보를 부여하는 값Hello!1.4 주석(Comment)웹페이지에는 표시되지 않고, 개발자 메모용으로 사용하는 부분 (ctrl + /) ✅ 핵심 요점 정리 항목  내용태그와 요소HTML 기본 구성 단위시작/끝 태그``과 ``으로 구성속성추가 정보 부여 (`title`, `src` 등)주석개발자 메모 (화면 ..

Front_end/WEB 2025.03.06

[HTML]웹 개요와 실습 환경 구축

1. 인터넷과 웹 시작1.1 인터넷이란?전 세계 컴퓨터 및 스마트폰 같은 디지털 기기가 서로 연결된 국제 정보통신망모든 기기들이 데이터를 공유하고 소통하는 정보 교환 네트워크1.2 웹이란?인터넷 공간에서 제공되는 대표적인 서비스브라우저를 통해 HTML로 작성된 웹페이지를 탐색하고 이용하는 방식이메일, FTP도 인터넷 서비스지만, "웹"은 HTML 기반 서비스만 지칭1.3 인터넷과 웹의 역사 연도  주요 사건 1969미국 국방성 ARPA 주도로 ARPANET 개발 (인터넷 시초)1991팀 버너스리, 월드와이드웹(WWW) 발표1993웹 소스코드 공개 (웹 기술 대중화 시작)1995인터넷 상용화 및 웹 서비스 폭발적 성장 ✅ 핵심 요점 정리 구분  내용 인터넷물리적 네트워크 (디지털 기기 연결)웹인터넷 위..

Front_end/WEB 2025.03.06
728x90
반응형
LIST