# html5

139개의 포스트

HTML selector와 Cascading

구조 : 콘텐츠에 의미 부여 및 구조를 형성 -> HTML표현 : 시각적인 디자인과 레이아웃 표현 -> CSS행위 : 모든 Front-end 브라우저 상호 작용 담당 -> JavaScript특정 요소들을 선택하여 스타일을 적용할 수 있게 해주는 요소.전체 선택자 (Un

5일 전
·
0개의 댓글
post-thumbnail

BODY 태그(div, image)

[대분류] "HTML & CSS 첫걸음 / HTML" [중분류] "07. BODY 태그(div, image)" [태그 이름] "div" 설명 : 주의사항 : Display : 사용예시 : ○속성 정리표 |속성|값|의미| |---|---|---| |||| |

2021년 9월 7일
·
0개의 댓글
post-thumbnail

HEAD 태그(TITLE, META, LINK, STYLE, SCRIPT)

[대분류] "HTML & CSS 첫걸음 / HTML" [중분류] "06. HEAD 태그(TITLE, META, LINK, STYLE, SCRIPT)" [태그 이름] "title" 설명 : 주의사항 : Display : 사용예시 : ○속성 정리표 |속성|값|

2021년 9월 7일
·
0개의 댓글
post-thumbnail

DOCTYPE(DTD)

설명 : 주의사항 :Display :사용예시 : HEROPY Tech blog

2021년 9월 7일
·
0개의 댓글
post-thumbnail

빈 태그(Empty tag)

[대분류] "HTML & CSS 첫걸음 / HTML" [중분류] "04. 빈 태그(Empty tag)" [태그 이름] "" 설명 : 주의사항 : Display : 사용예시 : ○속성 정리표 |속성|값|의미| |---|---|---| |||| |||| |||

2021년 9월 7일
·
0개의 댓글
post-thumbnail

부모 요소(Parent Element), 자식 요소(Child Element)

[대분류] "HTML & CSS 첫걸음 / HTML" [중분류] "03. 부모 요소(Parent Element), 자식 요소(Child Element)" [태그 이름] "" 설명 : 주의사항 : Display : 사용예시 : ○속성 정리표 |속성|값|의미|

2021년 9월 7일
·
0개의 댓글
post-thumbnail

속성(Attributes)과 값(Value)

[대분류] "HTML & CSS 첫걸음 / HTML" [중분류] "02. 속성(Attributes)과 값(Value)" [태그 이름] "" 설명 : 주의사항 : Display : 사용예시 : ○속성 정리표 |속성|값|의미| |---|---|---| ||||

2021년 9월 7일
·
0개의 댓글
post-thumbnail

HTML 기본문법

[대분류] "HTML & CSS 첫걸음 / HTML" [중분류] "01. 기본 문법" [태그 이름] "" 설명 : 주의사항 : Display : 사용예시 : ○속성 정리표 |속성|값|의미| |---|---|---| |||| |||| |||| ○참고 사이트

2021년 9월 7일
·
0개의 댓글
post-thumbnail

Cookie와 HTML5의 WebStorage (수정)

HTTP 프로토콜의 특징으로 비연결성(Connectionless)과 무상태성(Stateless)이다. 즉, 서버와 클라이언트간의 통신할때 상태를 저장하지 않으며, 서버의 자원을 절약하기 위해 요청마다 연결과 해재를 반복한다. 이 두가지 특징으로, 서버의 자원은 많이

2021년 9월 4일
·
0개의 댓글
post-thumbnail

시멘틱 Semantic 태그를 써야되는 이유

극단적으로 nav-bar가 div태그들 사이에 묻혀있다고 생각해보자. nav-bar를 찾기 위해 div태그들 사이를 파헤쳐야지만 찾을 수 있다. 여기서 문제점은 nav-bar가 부모 태그에서 어떤 스타일을 상속받는지 또 자식 태그에 어떤 영향을 주는 알기가 어렵다.

2021년 9월 1일
·
0개의 댓글
post-thumbnail

CafeStory

2021.07 - 2021.08(3인 프로젝트)CafeStory는 다양한 이색 카페를 한 눈에 볼 수 있도록 모아놓은 사이트입니다. HTML5, JavaScript, Scss를 사용하여 프로젝트를 진행하였습니다.사용자들이 PC, tablet, mobile 다양한 환경에

2021년 8월 28일
·
0개의 댓글

React Native WebView 안드로이드 백버튼 처리

React Native 를 웹뷰 컨테이너로 사용해 웹앱을 구현하고 있다.웹뷰를 사용한 하이브리드앱 구현 시 주의해야 할 점 중 하나는 안드로이드 기기의 백버튼(뒤로가기 버튼)에 대한 처리다. ...

2021년 8월 21일
·
0개의 댓글

[HTML5] 이미지, 오디오, 비디오 + 하이퍼링크 (a, img...)

하이퍼링크를 걸어주는 태그인 a태그에 이미지를 삽입시켜주는 img 태그를 함께 사용하면 사용자가 이미지를 클릭 시 하이퍼링크를 통해 특정 사이트로 이동하는 기능을 만들 수 있습니다. img 태그 속성src : 파일 위치를 지정해줍니다.alt : 이미지를 보여줄 수 없을

2021년 8월 17일
·
0개의 댓글
post-thumbnail

[HTML5] 간단한 회원 가입 만들기

오늘은 수업에서 HTML의 table, textarea등을 사용하여 간단한 화면을 만들었습니다.table과 form태그를 이용하여 회원 가입 양식을 만들었습니다. html을 처음 배우는 입장이기에 많이 헤맸는데 몇 가지 헤맨 부분을 적자면 우선 style="margin

2021년 8월 11일
·
2개의 댓글
post-thumbnail

[HTML5]01.기본 구조

수업에서 자바를 상속, 인터페이스 예외처리 등 얼추 다 나가고 이제 html을 배우기 시작했습니다. html은 해본적이 거의 없기에 열심히 배우고 매일 수업 때 배운걸 적어둘려고 합니다. >### HTML5 문서의 기본 구조 !DOCTYPE html은 현재 문서의

2021년 8월 10일
·
0개의 댓글

jQuery 3.5.0 이상 버전 사용 시 겪게 되는 self-closing tag 이슈

jquery 3.5.0 미만 버전에서는 다음과 같은 보안 취약점이 있다.https://nvd.nist.gov/vuln/detail/CVE-2020-11023현 기준 jQuery의 최신 버전은 3.6.0 이다.jQuery를 3.5.0 이상 버전으로 업데이트 하면

2021년 8월 9일
·
0개의 댓글
post-thumbnail

HTML5 입력 양식

HTML5 멀티미디어와 입력 양식

2021년 8월 5일
·
0개의 댓글
post-thumbnail

[WEB] Javascript30 Challenge 후기

Wes Bos 라는 Full Stack Developer가 운영하는 online Courses 중 무료로 제공하는 챌린지 중에 전반적으로 유명한 챌린지이다.최근 6월까지 엘리스 레이서 1기로써 활동이 종료되고 그동안 React를 주로 웹 프론트엔드 개발을 진행할수록 갈

2021년 7월 31일
·
0개의 댓글

HTML5 복습, 다양한 Hover effect(학습 33일차 TIL)

210723 오늘은 어제 배운 HTML5 태그들을 복습하고, transform을 활용한 다양한 hover effect에 대해 학습했다. CSS tips inline요소는 transform 적용이 안 된다. transform은 속성 순서에 따라 animation 효과가

2021년 7월 23일
·
0개의 댓글

HTML section 태그

HTML 문서에 포함된 독립적인 섹션(section)을 정의할 때 사용유지보수를 생각하면 div보단 section 태그가 낫다. 들여쓰기 같은 느낌.보통 제목 요소(h1~h6)를 자식 요소로 포함하고 있는 경우가 많다section 태그를 쓰는 이유 : 제목을 달때 넘버

2021년 7월 22일
·
0개의 댓글