본문 바로가기

기초공부

[HTML5]이미지 태그, 오디오 태그, 비디오 태그 이미지 태그에 대해 설명합니다 모든 포스트 목록 이미지 관련 태그 이미지 태그 src(source) 속성 : 파일의 주소 width, height 속성 : 파일 크기 조정 alt(alternate text) 속성 : 이미지가 표시하지 못할 경우를 대비한 대체 설명 텍스트 지정 콘텐츠 그림, 사진 등의 콘텐츠를 함께 묶어서 하나의 독립된 단위로 취급하고 싶을 때 사용하는 태그 설명 요소를 위한 제목을 표현, 요소 내에 위치한다 img, figure 태그 예시 [figurecaption]logo [figurecaption]logo 오디오 태그 대체 텍스트 입력 오디오 삽입 태그 controls 속성 : 미디어 제어기를 표시할 지 여부 autoplay 속성 : 파일이 로드되자마자 자동으로 재생 여부 loop ..
[HTML5]표 태그 표 태그에 대해 설명합니다 모든 포스트 목록 표의 구성 요소 표의 최상위 태그, , , 태그로 구성 border 속성 : 표의 테두리를 지정 or 태그 하나의 행(table row), 이 태그 안에 셀을 정의한다 셀의 값 각 셀의 데이터(table data) 제목의 값 제목(table header) 셀 합치기 의 셀을 병합할 수 있다 위아래 줄(rows)의 셀 병합 옆 간(column)의 셀 병합 표의 구조적 표현 문서를 구조화 하듯이, 표를 구조화하여 표현한다 표의 설명 제목 표의 머리줄 표의 본문 표의 꼬리줄 표 태그 사용 예시 [caption] [제목1][제목2] [내용1][내용2] [제목1][내용3] 결과 #html5 #표 참고 : HTML5 웹 프로그..
[HTML5]목록 태그 목록 태그에 대해 설명합니다 모든 포스트 목록 목록 태그 , , 태그 하위에 태그를 사용하여 목록화한다 순서 없는 목록(Unordered List) 태그 type 속성 : 목록 구분점을 지정하는 속성(현재는 css를 사용하는 것을 권장합니다) disc : 검은 원(기본값) circle : 흰 원 square : 사각형 순서 있는 목록(Ordered List) 태그 type 속성 : 목록 구분점을 지정하는 속성(현재는 css를 사용하는 것을 권장합니다) 1 : 숫자(기본값) a : 영문 소문자 A : 영문 대문자 i : 로마 숫자 소문자 I : 로마 숫자 대문자 disc : 검은 원 circle : 흰 원 square : 사각형 설명 목록(Description List/Definition List) 태그 ..
[HTML5]기초 설명, 구조 태그 문서 구조화 태그 컴퓨터가 문서의 구조와 내용을 파악할 필요성이 생겼기 때문에 HTML5에서는 문서의 내용을, CSS에서는 문서를 디자인하도록 역할을 나누었다 [header] [nav] [article] [section1] [section2] [aside] [footer] 주석 주석 문장의 앞에 ""를 붙인다 #html5 #기초 #기본구조 참고 : HTML5 웹 프로그래밍 입문, 저자 : 임순범, 박희민, 이창환
[HTML5]생활코딩 WEB1 정리 모든 포스트 목록 WEB1 HTML & INTERNET 커버 페이지 나에게 중요한 내 문제를 해결해보자! 그렇게 하다보면 우리는 자연스럽게 공부하게 될 것이다! 3 목표 설정 : 우리가 배운 내용들을 정리할 웹페이지 만들기 4 사람이 하는 일(원인) : CODE, SOURCE, LANGUAGE 기계가 하는 일(결과) : Application, App, Program, Webpage, Website(Webpage가 모인 것) 웹페이지를 만드는 코드 : HTML → 목표에 맞게 HTML을 배우자! HTML의 장점 쉽다 중요하다 public domain : 어떠한 저작권도 존재하지 않는다 → 웹브라우저를 만들고, 그걸로 웹페이지를 볼 수 있는 이유 5 HTML으로 코딩을 하기 위한 준비물 웹브라우저 에디터 :..
[HTML5]form 태그 입력 양식 태그에 대해 설명합니다 모든 포스트 목록 form element 사용자가 입력하는 정보를 애플리케이션에 전달한다 method 속성 : 데이터 전송 방식 지정 form 태그 : , 상위 태그 action 속성 : 입력할 데이터를 처리할 주소를 지정 method 속성 - get : 입력한 데이터가 URL에 포함되어 전송 method 속성 - post : 입력한 데이터가 눈에 보이지 않게 전송 입력 양식 태그 : 사용자가 키보드로 입력할 수 있는 양식 태그 type 속성 : text or password
[HTML5]프레임 태그 결과 원하는 강아지 사진을 선택하였을 때 주로 HTML 파일이 아닌 비디오, 오디오, 애니메이션 등 외부 애플리케이션 파일을 포함하는 태그 임베드 예제 오버워치 공식 홈페이지 오버워치 트레일러 +) 유튜브에서 동영상을 가져오고 싶을 때 다음과 같은 방식으로 url을 가져와야 한다 #html5 #프레임 #embed 참고 : HTML5 웹 프로그래밍 입문, 저자 : 임순범, 박희민, 이창환
[HTML5]링크 태그 링크 태그에 대해 설명합니다 모든 포스트 목록 링크와 관련된 개념 노드 HTML 문서나 멀티미디어 정보를 표현하는 기본단위 링크 노드를 연결하는 내비게이션 역할 앵커 HTML 문서 내에서 링크의 출발점이나 도착점 링크의 종류 특정 단어나 문장, 이미지에서 다른 문서로 이동 외부 URL로 연결 문서 내 다른 지점으로 링크 링크 태그 링크 텍스트 링크의 시작점 앵커를 표현하는 태그 href 속성 : 이동하고자 하는 목적지 문서의 파일 주소(URL) 지정 절대 주소 : http://로 시작하는 URL 형시그이 인터넷 주소 상대 주소 : 현재 문서를 기준으로 한 주소 title 속성 : 말풍선 창에 나올 설명을 기입 target 속성 : 창으로 이동할 방법 _self _blank _parent _top ifra..

티스토리툴바