SeSAC/HTML

[SeSACXCodingOn] 웹풀스택과정 1W_2_05 : HTML_Semantic

[🌱목차🌱] 시맨틱 태그 (Semantic Tag)란? 시맨틱 태그 사용 이유 01. 시맨틱 태그(Semantic Tag)란? 시맨틱 태그란 semantic이라는 '의미의' , '의미론적인'라는 뜻을 가진 형용사 입니다. 즉, 시맨틱 태그는 의미를 부여한 태그라는 뜻이 됩니다. 모든지 알고 있을 것만같은 gpt 선배님에게 여쭤본 결과 (저는 아무것도 모르는 응애이므로 나이를 열살정도 줄여보았네요 ^^ ) 태그나 태그와 달리 태그 자체에 의미가 담긴 태그인 Header Section Article Article Article Article Aside Footer " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 : 헤더영역으로, 로고, 메뉴, 아이템 등이 들어간다. : 네비게..

[SeSACXCodingOn] 웹풀스택과정 1W_2_04 : HTML_Table

[🌱목차🌱] 태그 속성 속성 +실습 : Table 달력실습 +실습 : Table 시간표실습 +실습 : 카페음료 주문 테이블 작성 01. 태그 표를 만들 때 사용하는 태그입니다. 먼저 행을 쓰고 행의 자식 요소로 칸을 넣어주는 것이 기본입니다. -> 표를 감싸는 태그입니다. -> 표의 내부의 행 (가로) ->행 내부의 제목 칸 -> 행 내부의 일반 칸 가로 내부의 일반칸--> 02. 속성 border : 테두리 두께 cellspacing : 테두리 간격 사이의 너비 cellpadding : 셀 내부의 간격 align : 테이블 정렬 속성 width 와 height : 테이블의 너비와 높이 bgcolor 와 bordercolor : 테이블 배경색과, 테두리 색 My Table 1 2 3 4 5 6 7 8 9..

[SeSACXCodingOn] 웹풀스택과정 1W_2_03 : HTML 사용자 입력Form 태그 & Input 태그

[🌱목차🌱] 폼 태그 종류 input 태그 01. 폼 태그(form tag) 종류 form tag 는 사용자로부터 입력받는 요소(input, select, textarea)들을 감싸는 태그입니다. form tag의 속성은 action, method 가 있는데, "서버"관련 내요이므로 추후에 소개해드리겠습니다. 01-1. INPUT 태그 입력 값을 받는 태그 입니다. 속성에 type , value , name이 있습니다. 먼저 input 태그란 form 태그 안에서 추가되는 입력 요소들 중 중요한 태그입니다. input태그는 이용자로 하여금 정보를 받아들이는 용도로 사용되게 됩니다. input 태그의 type이라는 속성을 이용하여 입력 양식을 여러가지로 변경하여 사용합니다. input태그는 종료태그가 없으..

[SeSACXCodingOn] 웹풀스택과정 1W_2_02 : HTML TAG

[🌱목차🌱] HTML의 구성요소 - Tag HTML의 구성요소 - 요소(Elements) 빈 요소(Empty Element) 블락 요소(Empty Element) 인라인 요소(Inline Element) (+인라인-블록요소) HTML의 구성요소 - 속성(attribute) Tag의 종류 제목 태그 본문 태그 줄 바꿈 태그 목록 태그 수평줄 태그 외 문자 꾸미기 태그 (+실습) 이미지를 넣어주는 태그 하이퍼링크를 넣는 태그 (+실습) 태그는 시작태그와 종료태그 contents, element 01. HTML 의 구성요소 - Tag 위 HTML Tag의 구성요소 사진을 보면, p 는 태그의 이름, 는 시작태그, 여는 태그 입니다. 시각 태그에 부가적인 것을 쓸 수도 있고 안쓸 수도 있습니다. class는 속..

[SeSACXCodingOn] 웹풀스택과정 1W_2_01 : HTML 이란 + 회고

[🌱목차🌱] HTML 이란? HTML의 구조(Structure) HTML의 기본문법, 중첩(Nested) HTML의 기본문법, 주석(Comments) 인라인 태그와 블록 태그 +후기 01. HTML 이란? :Hypertext Markup Language 웹 페이지를 구성하는 가장 기초적인 언어 입니다. 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. 단어를 하나하나 살펴보자면 'Hypertext' 는 웹페이지에서 다른 페이지로 이동할 수 있도록 하는 링크를 말합니다. 'Markup'은 문서나 데이터의 구조를 명기하다 라는 뜻입니다. 마크업이 있냐 없냐의 차이를 보기 위해서 아래를 보시면 표시 (Markup)가 없을때 Se..

상단으로

티스토리툴바