HTML
1.[HTML] 기초
하이퍼텍스트 마크업 언어는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML은 요소(elements)로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠
2.[HTML] 문서의 구조
<!DOCTYPE html>html : 페이지 전체의 컨텐츠를 감싸는 루트(root)요소head : 웹브라우저 화면에 직접적으로 나타나진 않는 웹페이지의 정보meta : 문서의 일반적인 정보와 문자 인코딩을 명시title : 브라우저 상단의 제목 표시줄에 표시될
3.[HTML] 블록과 인라인
블록 레벨 요소는 언제나 새로운 줄에서 시작하고, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지합니다.상자를 아래로 쌓는 것!블록의 대표적인 태그들< p >, < h >, < table >, < div > 등인라인 요소는 줄의 어느 곳에서나
4.[HTML] 텍스트 요소
✍ 입력💻 출력✍ 입력 💻 출력✍ 입력 💻 출력✍ blockquote 입력 💻 출력 브라우저에서는 blockquote는 양쪽 텀이 생긴다. ✍ q 입력 💻 출력 브라우저에서는 q는 ""따옴표가 생긴다.p 태그 안에 blockquote 태그 불가능 only p
5.[HTML] 텍스트 요소 2
✍ 입력💻 출력저는 이 고글을 추천합니다. 왜냐하면 고글을 착용하니,안전하게 작업을 할 수 있었습니다.Before, proceeding,make sure you put on your safety goggles.✍ 입력💻 출력Get out of bed now!그가 어
6.[HTML] a 태그
✍ 입력💻 출력절대경로란?현재 위치와 상관없이 브라우저에서 목적지 (href주소)로 이동한다.상대경로란?현재 위치에서 다른 폴더/파일로 이동한다. (현재 위치 상관있다.)✍ \_blank의 예시Mozilla-a
7.[HTML] Entity
✍ 입력 💻 출력다섯개의 스페이싱( )문단을 나타내는 태그는 <p></p>태그입니다."'&W3-Entity제로베이스 프론트엔드 강의
8.[HTML] 구조를 나타내는 요소
<body> 태그 안에 있는 span, div 태그들이 브라우저 상에서는 기본으로 양쪽 여백이 생긴다.의미론적인 마크업을 사용하면 아래와 같은 이점이 있다.검색 엔진은 의미론적 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주한다.시
9.[HTML] 목록과 표
ol 특성 1type항목을 셀 때 사용할 카운터 유형'a'는 소문자 알파벳'A'는 대문자 알파벳'i'는 소문자 로마 숫자'I'는 대문자 로마 숫자'1'는 숫자(기본값)을 나타낸다.ol 특성 2start항목을 셀 때 시작할수. ol 특성 3reversed목록의 순서 역전
10.[HTML] 임베디드 요소
src 특성은 필수이며, 포함하고자 하는 이미지로의 경로를 지정한다.alt 특성은 이미지의 텍스트 설명이며 필수는 아니지만, 스크린 리더가 alt의 값을 읽어 사용자에게 이미지를 설명하므로, 접근성 차원에서 매우 유용하다.width, height는 픽셀 단위의 이미지
11.[HTML] 폼 관련 요소
form - action, method 속성 >action 속성은 양식 데이터를 처리할 프로그램의 URL. 즉, 폼 데이터, 최종 목적지 서버의 주소를 나타낸다. > >method 속성은 양식을 제출할 때 사용할 메서드이다. post: 내용 입력 시 주소창에 드러나지
12.[HTML] 메타데이터의 역할
Mozilla-titleMozilla-metaMozilla-linkMozilla-MIMEMozilla-script제로베이스 프론트엔드 강의
13.[HTML] 전역 속성
Mozilla-idMozilla-classMozilla-langMozilla-dataMozilla-draggableMozilla-hidden제로베이스 프론트엔드 강의