# html

3818개의 포스트
post-thumbnail

TIL 11 | twittler 목업

html, css를 사용하여 twittler 목업해보기

22분 전
·
0개의 댓글
post-thumbnail

Layout

Position & Display Position {position: A;} 웹 페이지 안 요소들을 어떻게 배치할지를 결정하는 속성 static ← default value relative absolute fixed sticky Position:

24분 전
·
0개의 댓글
post-thumbnail

[T.I.L] Wecode 3일차 (2021.08.04)

  배웠던 것을 정리하기에 앞서, 첫 날 부터 예기치 못한 변수가 생기는 바람에 조금씩 일정이 밀려버렸다... 참으로 안좋은 변명이지만 그로 인해 2일차 작성을 하지 못해 3일 차인 오늘 2, 3일차에 공부 한 것을 몰아서 정리하려고 한다.<목차>1\. Block

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

Dev Log #28 - 8월 4일

✅ 1. 네이버 TV연예 카피캣 main_right👉 html👉 css👉 결과물오늘 수업을 마지막으로 네이버 TV연예 카피캣 실습 작업을 완성했다. 지금까지 했던 카피캣 실습 중에서 섹션도 많고 분량도 많아서 시간이 가장 오래 걸린 것 같다. 그래서 그런지, 완성

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

#27_네이버 뉴스 페이지 실습(5)

과정명 : 대구 AI 스쿨 일반과정강의 : 웹프로그래밍김인권24네이버뉴스5_210521(5/5)주제 : html / css네이버 뉴스의 TV연예 페이지의 마지막 강의, 메인 영역의 오른쪽 부분을 설계하고 디자인 했다. 개인 적으로 지금 까지의 강의 중에서 다소 어렵게

약 1시간 전
·
0개의 댓글

웹 프로그래밍 학습 28일

네이버 카피캣 시리즈네이버 연예 뉴스 오른쪽 영역네이버 연예 뉴스 메인 왼쪽과 오른쪽 넓이, 높이가 학습 영상과 똑같은 값을 주었음에도 불구하고 다르게 보여졌다. 코딩을 입력할 때 매번 새로고침 및 저장을 함에도 불구하고 뒤틀린 결과가 나온다.이전에 구름.ide 웹에서

약 2시간 전
·
0개의 댓글

TIL-HTML&CSS(position, display, float)

static을 제외한 나머지 속성값들은 top, bottom, left, right와 같이 어느 위치에 위치시킬지 정할 수 있다. 그 방향에서 얼마나 떨어질 건지 나타낼 수있다. static은 position의 기본값이다. 요소를 나열한 순서 대로 배치한다.태그의 위치

약 2시간 전
·
0개의 댓글

0804 TIL

태그 = 요소 같은데 자세히는 좀 다르다.태그는 앞 뒤가 <> 이렇게 생긴 것을 말하고요소는 태그 앞뒤가 다 잘 닫힌 하나의 덩어리를 말한다.

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

HTML 기초

스파르타코딩클럽 웹개발반 1주차 강의자료 출처입니다.

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

HTML, CSS Lay-out

웹페이지를 제작할 때 메뉴(웹페이지를 사용하는 바업)와 내용(웹페이지가 담고있는 정보)들의 적절한 배치를 통해, 누구나 쉽게 웹페이지를 파악하고 효율적으로 사용할 수 있도록 하는 것이 필수적이다. 이것을 우리는 웹페이지의 lay-out이라고 부른다. lay-out을 위

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

All about 레이아웃

position 속성과 display 속성을 중심으로 알아보자

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

HTML/CSS 05: position - relative, absolute

position: relative; 자체로는 별다른 의미가 없다.position 에 top, right, bottom, left 등의 속성이 추가되야 relative 라는 속성이 적용이된다. position: absolute; 는 이름과 같이 절대적인 위치에 둘 수 있

약 3시간 전
·
0개의 댓글

{HTML / CSS} The difference between img tag and Background-image in css 이미지 태그와 background-image 속성 그리고 Semantic Web과 Semantic Tag

이미지 태그는 웹사이트에서 사람들이 이미지를 프린트 할 수 있도록 하게 해준다 또한 이미지 태그는 이미지가 아주 중요한 Semantic 시멘틱한 의미를 가지고 있을때 해준다 이미지가 사이트내에서 중요한 역할을 하고 컨텐츠로써 중요할때 이미지 태그를 쓴다 Backgro

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

210804_[28]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_9_NAVER_ent-news_3__오른쪽영역_end

1.학습한 내용(1) 페이지 실습네이버 연예 뉴스의 왼쪽 영역에 대한 마지막 작업을 진행하였다.

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

Semantic Web과 Semantic Tag

1.Semantic Web이란? 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. 2.Semantic Tag란? 3.d

약 6시간 전
·
0개의 댓글

[대구AI스쿨] 21.08.04 개발일지

Git 링크.네이버 TV연예● 결과 스크린샷(section-10 & banner)ent_main_right_section_10_banner● 결과 스크린샷(section-11)ent_main_right_section_11● 결과 스크린샷(section-12)ent_ma

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

정의 리스트(dl, dt, dd)

리스트 중에는 정의 리스트 라는것이 존재한다.용도에는 2가지가있다.<dl> 은 정의리스트를 만들거라는것을 명시한다. (<ul> <ol> 과 비슷)<dt> 는 정의리스트의 정의를 할 용어 및 key에 해당하는 값을 명시한다.<dd> 는 정의리스

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

devlogs-210804

오늘은 미리 앞의 진도를 나가보았다. 네이버 게임 페이지를 클로닝했다.평소에 늘 shadow 속성에 대해 부담이 있었는데, 이 사이트에서 편하게 다룰 수 있게 되었다.진행하면서 수정하고 싶은 부분이 꽤 있었지만 해당 작업은 내일 할 예정이다.Naver 링크 만들기, e

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

HTML - <head> 태그

HTML <head> 태그 구성과 meta 요소

약 9시간 전
·
0개의 댓글