본문 바로가기

HTML37

인터랙티브 웹페이지 구현을 위한 HTML Input 태그의 활용 INPUT 태그란? 태그는 말 그대로 어떤 정보를 넣는 기능을 가지고 있습니다. 사용자로부터 정보를 입력받을 수 있도록 도와줍니다. 웹페이지에서 로그인을 하거나 메뉴를 선택하거나 할 때 다양한 형태의 데이터를 입력받을 수 있도록 합니다. 사용법 태그는 여러 가지 속성을 함께 적어야 합니다. 태그는 self-closing tag라서 쌍으로 적지 않아도 됩니다. 먼저 type을 정해야 하는데요 text : 일반적인 텍스트를 입력받을 수 있습니다 number : 숫자만 받을 수 있습니다 checkbox : 여러개를 선택할 수 있는 네모난 박스를 만들 수 있습니다 radio : 하나만 선택할 수 있는 동그란 원을 만들 수 있습니다 password : 암호를 입력받을 수 있어요. 입력받은 값은 아스타리스크 (*).. 2023. 6. 2.
HTML <meta> 태그: 웹사이트 성능 향상과 검색 엔진 최적화를 위한 핵심 요소 META 태그란? 태그는 HTML 태그는 태그 사이에만 존재할 수 있는 태그입니다 메타데이터가 하나 이상이라면 태그를 여러번 사용할 수 있어요 태그의 속성 name, contect : 메타데이터의 이름과 내용을 적습니다. name의 종류는 "description", "keywords", "author", "robots" 등이 있습니다. 이 모든 메타데이터는 검색엔진이 내 웹페이지를 잘 검색할 수 있도록 도와줍니다. description : 웹페이지의 주제와 요약 내용을 적습니다 keywords : 웹페이지가 어떤 키워드를 담고 있는지 적습니다 author : 웹페이지를 만든 사람 이름을 적습니다 robots : 검색 엔진 크롤러에게 색인 여부와 방식을 알려줍니다. index, follow라고 적으면 크롤.. 2023. 6. 1.
웹페이지의 메타데이터와 스타일을 정의하는 HTML <head> 태그 HEAD 태그란? 2023. 6. 1.
HTML의 시작 태그, 코딩의 스타트 <html> 태그의 역할과 사용법 HTML 태그란? HTML 문서의 시작과 끝을 나타내는 태그가 바로 입니다. 웹페이지 전체를 감싸는 태그죠. HTML 태그의 특징 태그는 다음과 같은 특징을 가지고 있습니다. 태그는 모든 HTML 요소들을 감싸는 최상위 태그입니다 태그는 문서의 시작을 나타내며, 태그로 시작하여 태그로 끝납니다 태그 안에는 제일 앞의 DOCTYPE을 제외하면 태그가 문서의 시작을 알립니다. 그리고 와 태그가 태그안에서 쌍두마차처럼 존재합니다. 도식화가 잘되어 있는 그림이 있어서 가지고 와봤어요. (출처 : TCP School, https://tcpschool.com/html/html_intro_basicStructure) html 태그의 속성 lang, dir, manifest가 있지만, lang만 알아도 될 것 같아요... 2023. 5. 31.

티스토리툴바