# html5

115개의 포스트

[CCTVWithAI] (2021.06.20) 개발 일지 | ML 공부, HTML5 공부

「PyTorch로 시작하는 딥 러닝 입문」03.05~03.07, 04.01~04.03 공부:이진 분류(Binary Classification)을 위한 알고리즘 중 하나인 로지스틱 회귀(Logistic Regression)에 대해 학습함.python에서 클래스로 단순/다

3일 전
·
0개의 댓글

data 속성

data 속성에 대해 알아봅니다.

2021년 6월 13일
·
0개의 댓글

화면 크기에 따라 다른 이미지 불러오기

화면 크기에 따라 다른 이미지를 불러오는 방법을 알아봅니다.

2021년 6월 12일
·
0개의 댓글
post-thumbnail

[HTML5 Canvas] 06 캔버스 트랜스폼

크기를 바꾸거나 위치를 바꾸거나 찌그러뜨리거나 회전하거나 등등상태 저장과 복원공식문서 canvas transformation컨텍스트 객체 메소드들임!fillStyle 색상 변환물감이 묻어 있다가 바꿔주는 것.save() 캔버스의 모든 상태 저장.restore() 가장

2021년 6월 11일
·
0개의 댓글
post-thumbnail

[HTML5 Canvas] 05 캔버스 비디오

HTML5 Video 태그 HTML5에서 비디오태그가 추가되었다. 기본적으로는 태그 안에 src 속성으로 비디오 주소를 작성해주면 비디오가 출력되는 것을 확인할 수 있다. autoplay, muted를 비롯해 다양한 옵션이 있는데, 이는 공식문서에서 확인하는 것으로.

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

<TIL> Semantic Web -Header에서 Footer 까지

Semantic 의 사전적 정의는 위와 같다의미와 연관있는? 웹? 무슨 말일까?HTML5 이전 시대의 Web은divdivdivdividdivdivdivdiv 로 이루어져 있다고 해도 과언이 아니다그렇다면 이 div와 id 라는것만 보고 content 가 무엇을 설명하

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

Google Clone 해보자

자세히 들여다보면 이런 느낌.기가 막힌 기술을 쓰거나 배운 내용을 모두 다 갈아 넣었다고 생각하진 않는다. 하지만 HTML, CSS 초짜에게 이정도는 꽤나 발전된 모습인 것 같다!헷갈리거나 어려운 부분, 검색을 통해서 새로 얻은 정보들은 코드 안에 주석으로 처리해두었다

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

[HTML5 Canvas] 04 캔버스 이미지

캔버스를 사용할 때 많은 데이터를 시각적으로 막 표현해주는 작업이 아니라비주얼 표현할 때는 도형 에이피아이 쓰는 게 아니라 일반적으로 걍 이미지 쓰는 경우가 많다.두 가지 방법으로 이미지 만들기 가능외부데이터라는 얘기는 로딩될 시간이 필요하다는 것임캔버스에 그리려면 일

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

[HTML] HTML5의 기본 태그 1

<br>, <hr>, <h1~6>, <p>, <pre>, <b>, <strong>, <i>, <em>, <mark>, <small>, <del>, <ins>, <sub>, <sup>

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

[HTML5 Canvas] 03 캔버스 애니메이션

requestAnimationFrame 애니메이션을 공부할 때 수도 없이 보아왔던 requestAnimationFrame MDN을 참고하면! > window.requestAnimationFrame()은 브라우저에게 수행하기를 원하는 애니메이션을 알리고 다음 리페인트

2021년 5월 30일
·
0개의 댓글

웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그

공간을 분할할 수 있는 태그에는 이 있다. 태그는 어떠한 의미도 가지고 있지 않기 때문에 HTML5에서 새롭게 추가된 시맨틱 태그를 사용하는 것이 더 나은 방법이다. HTML5에서 새롭게 추가된 레이아웃 시맨틱 태그 참고 (링크 클릭!!)

2021년 5월 27일
·
0개의 댓글

사용자와의 커뮤니케이션을 위한 폼 태그

로그인이나 회원가입 폼과 같이 웹 페이지에서의 입력 양식을 의미.Form Tag의 속성action : 폼 데이터가 전송되는 백엔드 urlmethod : 폼 전송 방식 (GET / POST)GET 방식?URL 끝에 데이터를 첨부해서 전송하는 방식.ex) http&#x3

2021년 5월 27일
·
0개의 댓글

이미지의 표현과 동영상, 음악 등 멀티디미어를 지원하는 태그

img tag가 가지는 속성src : 이미지 파일 경로alt : 이미지 파일이 없을 경우 표시되는 문장width : 이미지의 너비 (CSS에서 지정하는 것이 일반적)height : 이미지의 높이 (CSS에서 지정하는 것이 일반적)HTML5에서 새롭게 추가된 태그로, I

2021년 5월 27일
·
0개의 댓글

목록과 표 형식 표현을 위한 태그

① 목록 (List) 1. ul 태그 unordered List의 약자로 순서가 없는 목록을 의미한다. >ul 태그의 type 속성 disc : ● (기본값) circle : ○ > + square : ■ 2. ol 태그 ordered List의 약자로 순서가 있는

2021년 5월 27일
·
0개의 댓글

하이퍼링크

한 텍스트에서 다른 텍스트로 건너 뛰어 읽을 수 있는 이 기능을 하이퍼링크(hyper link) 라고 한다. HTML link는 hyperlink를 의미하며 a(anchor) tag가 그 역할을 담당한다.hypertext reference의 약자고, 이동하고자 하는 파

2021년 5월 26일
·
0개의 댓글

텍스트 관련 태그

Heading 태그는 제목을 나타낼 때 사용하며, h1에서 h6까지의 태그가 있다.h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 크다.문서의 구조와도 밀접한 관련이 있으므로 가능하면 순서에 맞게 사용하는 것이 좋다.h1 ~ h6 태그는 자동으로 줄바꿈이 되므로

2021년 5월 26일
·
0개의 댓글

웹페이지를 구성하는 기본 태그

① 문서 형식 정의 tag HTML5의 문서 타입은 이다. ② HTML Tag html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재한다. (단, 은 예외) ③ Head Tag head 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에

2021년 5월 26일
·
0개의 댓글

시맨틱 웹과 시맨틱 태그

시맨틱 웹은 컴퓨터가 웹 사이트를 인식할 때, 의미를 가진 사이트라는 것을 알 수 있게 한다.시맨틱 웹의 이상향은 인터넷에 존재하는 방대한 양의 데이터 사이에서사용자의 검색어를 컴퓨터가 자동으로 해석해 원하는 결과를 정확히 알려주는 것이다.예를 들어, '건대 방탈출'

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

HTML5

HTML(HyperText Markup Language)는 웹 페이지를 위한 지배적인 마크업 언어이다.더 자세히 말하자면 웹페이지의 내용(content)과 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다.태그 등을 이용하여 문

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

[HTML] HTML5의 기본 형식

HTML5의 기본 형식을 알아보자

2021년 5월 26일
·
0개의 댓글