# html5

335개의 포스트

리액트에서 HTML5 시멘틱 태그 적용

프로젝트를 진행하면서 많은 사람들이 서비스를 이용해봤으면 하는 마음이 있었다. 그러기 위해서 검색에서 상위로 사이트가 떠야했기에 SEO 최적화를 알아봤고 리액트는 <div id="root">...</div>로 항상 감싸져 있고 각 jsx마다 <div>.

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

웹 표준을 지키는 이유와 시맨틱 태그를 사용하는 이유

웹 표준을 지키는 이유 웹 표준이란? 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페

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

빅데이터 Java 개발자 교육 - 39일차 [반응형 웹, JavaScript] (실습)

반응형 웹 반응형 웹이란? 웹 페이지 하나로도 데스크톱, 태블릿PC, 스마트폰에 맞게 디자인이 자동으로 반응해서 변경되는 웹 페이지를 이야기함. 장점 유지보수가 용이함 개발 효율성이 증가 미디어 쿼리(Media query)를 사용하여 개발함. Jav

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 38일차 [HTML 5 및 CSS 3 고급] (실습)

CSS 3 고급 CSS 가시속성 none이기 때문에 위와 같이 대상이라는 글자가 사라져서 보이게 된다. 웹페이지에서 F12를 눌러 개발자모드를 켠 뒤, ``를 선택하여 배경이미지 먼저 image 폴더에 아래와 같이 이미지들을 추가해주었다. ![](https:/

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 38일차 [HTML5 및 CSS 3 고급] (이론)

CSS 3 고급 https://docs.google.com/presentation/d/1ppgdgid_cq9ifENfSIOBBTHOAgsCCtwa/edit#slide=id.p18

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 37일차 [HTML 5 입력 양식 태그, CSS 기본 및 고급] (실습)

폴더 생성하기 ./Day02 입력양식 태그 데이터 전송방식 (Get, Post) 초기화면 get의 경우에는 정보가 주소창에 노출되고, post의 경

2023년 3월 22일
·
0개의 댓글
·

HTML 5 의 중요성

공부의 필요성을 느꼈다.

2023년 3월 22일
·
0개의 댓글
·
post-thumbnail

빅데이터 Java 개발자 교육 - 36일차 [웹 개념및 특징, 동작원리 이해 HTML 5] (실습)

폴더와 html파일을 생성. Ctrl + Space (Content assistant) 눌러 두번째 항목 선택,eclipse때 처럼 기본 문법들이 생성된다.위의 페이지에서 코드를 아래와 같이 수정해주었다.위를 실행시키면와 같이 나오게 된다.이번에는 글자의 색과 배경색을

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

[HTML5] Canvas로 색을 뽑아 보자

canvas에 특정 색을 변경해서 이미지를 그리는 방법을 배워보자

2023년 3월 16일
·
0개의 댓글
·
post-thumbnail

Self closing tag 쓰지 맙시다

왜요?

2023년 3월 14일
·
0개의 댓글
·

[qna]html vs html5

HTML 파일HTML 코드를 파일에 저장하고 웹브라우저에서 로딩하면 웹페이지가 만들어진다확장명으로는 html 혹은 htm을 사용한다HTML 태그Semantic한 태그라고 표현하며 이는 각각의 의미를 지닌다라는 의미를 가진다차세대 웹 표준으로 HTML이 멀티미디어 등 다

2023년 3월 13일
·
0개의 댓글
·

HTML5 시맨틱 태그와 웹 표준을 지키는 이유

본 내용은 공부용(학습용)으로 작성되었습니다.프로그래밍에서,시맨틱은 코드 조각의 의미를 나타냅니다 — 예를 들어 ("이게 어떻게 시각적으로 보여질까?" 보다)"이 Javascript 라인을 실행하는 것은 어떤 효과가 있는가?", 혹은 "이 HTML 엘리먼트가 가진 목적

2023년 3월 6일
·
1개의 댓글
·
post-thumbnail

HTML 기본 태그 (테이블)

🤔 테이블(table)이란 HTML 문서 내에서 '표'를 만드는 태그를 의미한다.<table> 태그 : 테이블을 만드는 태그<th> 태그 : 테이블의 헤더를 만드는 태그<tr> 태그 : 테이블의 행을 만드는 태그<td> 태그 : 테이블의 열을 만

2023년 3월 2일
·
0개의 댓글
·

HTML 기본 태그 (시멘틱 요소)

🤔 시멘틱 요소란? <div>, <span> 등의 태그와 달리 그 자체에 의미를 가지고 있는 요소를 말한다. 즉, 요소가 자기 스스로 브라우저와 사용자 모두에게 자신이 사용된 의미를 명확하게 전달하는 요소를 말한다.<header> 태그는 HTML 문서

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

HTML 기본 태그 (블록과 인라인 요소)

📒HTML5 기본 태그 - 블록 요소텍스트 📌`` 태그 `` 태그는

2023년 3월 2일
·
0개의 댓글
·