FrontEnd/HTML (4) 썸네일형 리스트형 [HTML] 자주 사용하는 6가지 태그 HTML 실행문을 통해 웹 페이지를 만들기 위한 핵심적인 6가지 태그에 대해 알아보겠습니다. 태그 영역을 나누어준다 여러 HTML 요소들을 하나로 묶어준다. 태그 문단을 나누어준다. (div태그와 거의 비슷한 용도이나 단지 주위 공간이 더 생성) 예제 My name is MinsuKim I am 24 years old nice to meet you 실행결과 태그 이미지 넣어주는 태그 단일 태그(열고 닫는 태그 없음) 문법 : *src = source 예제 실행결과 태그 글자 입력란 단일태그 type 속성값 : 어떤 값을 받을지 정할 수 있음 예제 //숫자 입력가능 (숫자 올리고 내리는 화살표 버튼 생성) //문자 입력가능 //비밀번호 입력 (입력되는 값이 문양으로 표시) 실행결과 태그 버튼 생성 문법 :.. [HTML] 블록과 인라인 HTML 요소는 display 속성을 가진다. 대부분 HTML 요소는 두 가지 값 중 하나를 가지게된다. 1. 블록(block) 타입 새로운 라인에서 시작한다. 해당 라인 전체를 차지한다. width/height 조절 가능 margin/padding 지정 가능 ex) , , , , , , 2. 인라인(inline) 타입 해당 라인 안에 소속되어 있다. content 만큼의 크기를 차지한다. width/height 조절 불가능 margin 위아래 지정 불가능 padding 위아래 적용 된것처럼 구현되지만, 실제 공간 차지X ex) , , 3.인라인 블럭(inline-block) 타입 inline과 block 특징 모두 가짐 줄바꿈이 이루어지지 않는다. width/height 조절 가능 width/heigt.. [HTML] <head> 속 태그 HTML 코드 작성 시 'Visual Studio Code'프로그램에서 ! 작성 후 Enter 키를 사용하면 HTML 기본 구조가 자동 작성 된다. ! 를 사용하여 작성한 HTML 기본 구조이다. 이때, 태그 속은 빈공간이지만 태그 속에 여러 태그들이 형성되어 있는 것을 볼 수 있다. 태그 속 코드는 웹 브라우저 상에서 나타나지 않지만, HTML의 기본 정보를 담고 있다. 속 태그 : 문서 자체의 특성 - 웹 서버와 웹 브라우저 사이에 주고받는 정보를 정의하는데 사용한다. : HTML 문서의 제목 - 웹 사이트가 열리면 상단에 생기는 tab의 이름을 설정할 수 있다. - 웹 브라우저의 즐겨찾기에 추가 할 때 즐겨찾기의 제목이 된다. - 검색 엔진의 결과 페이지에 제목으로 표시. : 필요한 스타일이나 아이.. [HTML] 기본 개념 본격적인 공부 시작 전 HTML 기본 개념들을 알아보고자 한다. 웹 페이지는 HTML 문서라고도 불린다. 웹툰을 통해 웹 페이지의 역사와 웹 표준에 대해 간단히 알 수 있다. https://www.thisisgame.com/webzine/nboard/213/?n=56672 [외전] 웹 표준이 중요한 이유 www.thisisgame.com HTML (HyperText Markup Language) 이란? HTML은 웹 페이지를 만드는 데 사용하는 언어이다. HTML에서 코드를 작성할때 가장 중요한 것은 태그이다. 모든 태그는 미리 정의되어 있으며, 각각의 태그와 속성을 사용하여 웹 페이지의 디자인이나 기능을 결정하는데 사용된다. HTML 태그 (tag) HTML 태그는 요소라고도 부르며, HTML 문서를 .. 이전 1 다음
