# html

2280개의 포스트

html에 CSS[hong]

기존의 html이 다양하게 설계하고 여러번 변경할때 많은 제약이 생기는 것을 보완하기 위해 만든 것,style sheet의 표준안, 스타일 시트라고도 부릅니다. 재활용 가능, 테마 템플릿의 형태로 확장, 자바 스크립트와의 연계 -> 콘텐츠를 동적으로 처리.스마트폰, 테

약 2시간 전
·
0개의 댓글

[TIL] Semantic web과 Semantic tag

A. 시맨틱 웹은 의미론적 웹이라는 뜻으로 기계(컴퓨터)가 이해할 수 있도록 작성된 문서(웹)을 뜻한다.Semantic web의 등장배경은 웹 상의 넘처나는 정보를 사람이 개입하지 않고 컴퓨터 스스로 이해, 분석, 가공, 제공 하기도록 하기 위함이였다.A. 브라우저,

약 2시간 전
·
0개의 댓글
post-thumbnail

TIL 22. Semantic Web & Semantic tag

사전적 의미 : (형용사) 의미의, 의미론적인Semantic tag와 Web은 사전적 의미 그대로 의미를 내포하고 있는 tag들과 이런 tag들이 모여 만들어진 Web을 의미한다.🔍 위의 div의 id는 h1라는 value로 선언되었다. 그러나 실제로 컴퓨터는 제목으

약 3시간 전
·
0개의 댓글
post-thumbnail

[CheckPoint] Semantic Web,Tag

Semantic 이란?, Semantic Web, Semantic Tag

약 3시간 전
·
0개의 댓글

Semantic tag, Semantic web (img tag vs background img 속성)

semantic tag, semantic web에 공통으로 사용된 단어인 semantic은의미론적 이라는 뜻을 가지고 있다.이 뜻으로 미루어 보아 semantic tag는 의미론적인 태그 semantic web은 의미론적인 웹으로 1차원적인 정의를 내릴 수 있다.쬐끔

약 3시간 전
·
0개의 댓글
post-thumbnail

#TIL01, Semantic Tag

개인 공부를 위해 작성했습니다시맨틱(Semantic) : "의미의, 의미론적인"시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하

약 3시간 전
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 상품 상세페이지 &전체 구현영상

상품 상세페이지를 구현해 보았다.overflow hidden 을 통해 전체 이미지를 저장한후 화면을 넘어가는 이미지는 안보이게 설정하였다.이미지 슬라이드에서 이미지를 한번 누를때마다 left 값을 변경하여 overflow hidden으로 숨긴 페이지들을 버튼을 클릭하면

약 4시간 전
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 아웃터 페이지

미스치프 아웃터 페이지를 구현해 보았다.이미지에 마우스를 올리면 이번에는 css로 opacity 값을 바꿔줄 수 있도록 하였다.이미지에 마우스를 올리면 이미지가 바뀌고 이미지에서 마우스 밖으로 나가면 원래 이미지로 바꾸도록 구성하였다.

약 4시간 전
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 로그인 페이지

이번에는 미스치프 로그인 페이지 구현을 보여줄려고 한다.check 박스는 디자인을 할 수 없어서 check박스를 none로 만들고 이미지를 넣어 체크를 하면 이미지가 보이게 만들었다. 그리고 메뉴 텍스트에 마우스를 올리면 underline이 나오게 구성 하였다.체크박스

약 4시간 전
·
0개의 댓글

Section 1 - 6일차

document.querySelector().textContent

약 5시간 전
·
0개의 댓글

body 태그 2

다른 페이지로 링크를 내보내는 하이퍼링크를 설정하는 태그a 태그는 기본적으로 inline 속성이기 때문에, 버튼 같은 걸 만드는데에는 적합하지 않음. block 속성으로 만들어주어야 함.hypertext reference 를 의미하며, 실제로 URL 을 입력받아서 해당

약 5시간 전
·
0개의 댓글

[자바스크립트] mischief 메인페이지 클론

2주간 벨로그 업로드가 없었던 이유는 2주를 기간을 잡고 미스치프 사이트를 클론코딩해 보았다.사용 언어는 html , css , javascript로만 구성하여 만들었고 원래 있던 사이트 코드를 따라서 구성한게 아닌 보여지는 화면만을 가져와 나의 순수한 코드로 만들어

약 6시간 전
·
0개의 댓글

body 태그 1

앞에서는 head 에 들어가는 태그에 대해서 글을 썼고, 이제는 body에 들어가는 태그에 대해 정리해야 한다. body에 들어가는 태그는 head와 다르게 실제로 화면을 구성하는 요소가 주가 된다. head에 들어가는 태그는 대부분 문서의 전체적인 정보를 알려주는 요

약 6시간 전
·
0개의 댓글

head(메타 데이터)

위와 같이 빈 태그로만 사용한다. 위와 같이 인코딩 방식을 지정해줄 수 있음.인코딩 방식을 가장 위에 지정해주어서, 이 아래부터 언어들을 어떻게 인코딩할지 지정해주는 것이 좋음.EUC-KR 인코딩방식도 사용할 수 있음EUC-KR : 완성형완성된 조합이 없는 경우 한글이

약 7시간 전
·
0개의 댓글
post-thumbnail

2. HTML&CSS의 활용 (2) IR 기법

😶 IR 기법 Image Replacement 이미지를 볼 수 없는 사용자에게 적절한 대체 텍스트를 제공하는 것

약 9시간 전
·
0개의 댓글

HTML5와 멀티미디어

비디오에 외부 자막 파일을 연결하는 태그이다.

약 10시간 전
·
0개의 댓글
post-thumbnail

html 의 기본문법

생활코딩의 유투브강좌를 참고하였습니다.일단 나는 맥유저이기 때문에TextEdit->Format->Make plain texting하여 기본세팅 완료.아무 텍스트나 입력후 a.html 이라는 파일을 만듬. (html = 확장자)파일을 열면 이런식으로 웹사이트가 만들어진

약 19시간 전
·
0개의 댓글

html, css, javascript 차이는???

html:His job is to tell the brower what is what.브라우저에게 상의 요소들을 알려주는 역할.예) 이것은 문단, 이것은 이미지, 이것은 링크..!!css:it designs. tells the browser how things shou

약 19시간 전
·
0개의 댓글
post-thumbnail

HTML 기본 구조와 문법

문서의 구조와 내용을 다룬다. //문서의 틀을 만듦tag 들의 집합tag : 부등호(<>)로 묶인 HTML의 기본 구성 요소선언 빼고는 '쌍'으로 이루어져 있음을 알 수 있다.트리구조 로서 부모 노드와 자식 노드로 이루어져 있다.닫는 태그가 없는 경우 (이미지 태

약 21시간 전
·
0개의 댓글
post-thumbnail

TIL.07_ HTML이란?

HTML은?웹 페이지의 틀을 만드는 마크업 언어(Markup language)Tag들의 집합구조를 표현하는 언어HTML의 구조와 문법Opening Tag, Closing Tag, Self-Closing TagTAG는 HTML의 구조와 형태를 표현하는 명령어이다.보통의

약 22시간 전
·
0개의 댓글