form 태그 웹 페이지에서는 form 태그를 사용하여 사용자로부터 입력을 받을 수 있습니다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 태그를 사용합니다. action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시합니다. 이렇게 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 합니다. method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시합니다. method 속성 method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET 방식과 POST 방식으로 나눠집니다. GET GET 방식은 주소에 데이터(data)를 추가하여 전달하는 방식입니다. 데이터가 주소 입력창에 그대로 나타나며, 전송할 수 있는 데이터의..
table 태그 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성할 때 사용합니다. table 태그 구성 태그는 테이블에서 열을 구분해 줍니다. 태그는 각 열의 제목을 나타내며, 모든 내용은 자동으로 굵은 글씨에 가운데 정렬이 됩니다. 태그는 테이블의 열을 각각의 셀(cell)로 나누어 줍니다. 실습 HTML 삽입 미리보기할 수 없는 소스 롤 챔피언 목록 탑 가렌 티모 미드 아리 제드 GitHub https://github.com/Qkrwnsgus0522/Web GitHub - Qkrwnsgus0522/Web Contribute to Qkrwnsgus0522/Web development by creating an account on GitHub. github.com
img 태그 HTML 문서에 이미지를 삽일할 때 사용합니다. 종료 태그가 없는 빈 태그입니다. src 속성은 이미지가 저장된 주소의 URL 주소를 명시합니다. alt 속성으로 이미지가 로딩될 수 없는 상황에서 이미지 대신 나타날 문자열을 설정할 수 있습니다. 이미지가 저장되어 있는 서버의 주소를 그대로 src에 입력하는 방식인 웹서버 주소 지정도 사용할 수 있습니다. GitHub https://github.com/Qkrwnsgus0522/Web GitHub - Qkrwnsgus0522/Web Contribute to Qkrwnsgus0522/Web development by creating an account on GitHub. github.com
시맨틱 태그 시맨틱 태그란 사람이 이해하기 쉽도록 태그의 이름만 보고도 역할이나 위치를 알 수 있도록 만든 태그들입니다. 시맨틱 태그 장점 검색엔진 최적화(SEO) 쉬운 소스코드 구조화 코드 가독성 향상 1. 검색엔진 최적화(SEO) 검색엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 웹사이트의 내부에 담긴 정보를 토대로 사이트를 분석합니다. 그럴 때, 의미있는 태그를 사용하면 좀 더 정확한 구조로 분석할 수 있도록 도울 수 있습니다. 2. 쉬운 소스코드 구조화 브라우저가 웹 문서의 소스 코드를 보고 어느 부분이 헤더인지, 어느 부분이 본문인지를 쉽게 알아낼 수 있습니다. 웹 문서를 분석하는 서비스 (ex. 스크린 리더기) 같은 것들이 있을 때 분석하기 용이해집니다. 3. 코드 가독성 향상 여..
HTML HTML은 Hypertext Markup Language의 약자로 웹 페이지를 만드는 데 사용하는 언어입니다. 우리가 브라우저를 통해 보는 페이지는 모두 HTML로 작성되어 있습니다. HTML에서 Hypertext의 의미는 링크를 통해 다른 문서로 이동할 수 있는 문서를 뜻합니다. 또한 HTML은 마크업 언어로써, 여러 가지 태그를 이용하여 제목이나 문단 등을 구분해 정보를 구조화할 수 있습니다. 마크업 언어는 주어진 데이터를 구조화하고 형식을 나타낸다는 점에서 변수나 함수 등을 이용해 기능을 구현하는 프로그래밍 언어와 차이가 있습니다. HTML 구조 HTML은 트리구조로 이루어져 있으며 이는 나무의 뿌리가 기둥에서 부터 여러 갈래로 갈라지는 것처럼 부모 요소 안에서 여러 가지 자식 태그들이 갈..
