본문 바로가기

기초공부/WEB

[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..
[HTML5]기초 태그, 특수 문자 기초 태그와 특수 문자에 대해 설명합니다 모든 포스트 목록 기초 단락 태그 : 제목(Headline) 태그 ~ 로 나눠져 있으며 굵은 글자 효과와 줄간격을 띄우는 효과가 있다 : 단락(Paragraph) 태그 : 줄바꿈(Line Break) 태그(HTML 코드에서는 이 태그를 이용하여 개행해야 한다) 단락/텍스트 꾸미기 태그 : 가로줄(Horizontal Line) 태그 : 작성된 형식 유지(Pre-formatted Text) 태그 - 이 태그 안에는 다른 태그는 적용되지 않는다 : 단락 인용(Block Quotation) 태그 : 주소(adress) 태그 : 텍스트 강조(Emphasis) 태그 : 강한 강조(Strong Emphasis) 태그 : 작은 글자(Small) 태그 : 하이라이트 효과(high..
[WEB]포스트 목록 HTML 기초 기초, 구조 태그 기초 태그, 특수문자 목록 태그 표 태그 링크 태그 이미지 태그, 오디오 태그, 비디오 태그 프레임 태그 form 태그 CSS 기초 CSS FONT PROPERTY ORDER JavaScript 기초 eval PHP 기초 cookie getenv Superglobals, $_SERVER mysqli_connect mysqli_query mysqli_connect_errno isset str_replace XML XXE를 위한 속성 XML 공부 생활코딩 정리 WEB1 WEB2 - CSS 언어 - 자바스크립트 클라이언트 - 웹브라우저 자바스크립트 Flask 빠르게 시작하기 - 기본 애플리케이션 빠르게 시작하기 - 디버그 모드 빠르게 시작하기 - 라우팅 빠르게 시작하기 - UR..

티스토리툴바