# html
Layout
Position & Display Position {position: A;} 웹 페이지 안 요소들을 어떻게 배치할지를 결정하는 속성 static ← default value relative absolute fixed sticky Position:
[T.I.L] Wecode 3일차 (2021.08.04)
배웠던 것을 정리하기에 앞서, 첫 날 부터 예기치 못한 변수가 생기는 바람에 조금씩 일정이 밀려버렸다... 참으로 안좋은 변명이지만 그로 인해 2일차 작성을 하지 못해 3일 차인 오늘 2, 3일차에 공부 한 것을 몰아서 정리하려고 한다.<목차>1\. Block
Dev Log #28 - 8월 4일
✅ 1. 네이버 TV연예 카피캣 main_right👉 html👉 css👉 결과물오늘 수업을 마지막으로 네이버 TV연예 카피캣 실습 작업을 완성했다. 지금까지 했던 카피캣 실습 중에서 섹션도 많고 분량도 많아서 시간이 가장 오래 걸린 것 같다. 그래서 그런지, 완성
#27_네이버 뉴스 페이지 실습(5)
과정명 : 대구 AI 스쿨 일반과정강의 : 웹프로그래밍김인권24네이버뉴스5_210521(5/5)주제 : html / css네이버 뉴스의 TV연예 페이지의 마지막 강의, 메인 영역의 오른쪽 부분을 설계하고 디자인 했다. 개인 적으로 지금 까지의 강의 중에서 다소 어렵게
웹 프로그래밍 학습 28일
네이버 카피캣 시리즈네이버 연예 뉴스 오른쪽 영역네이버 연예 뉴스 메인 왼쪽과 오른쪽 넓이, 높이가 학습 영상과 똑같은 값을 주었음에도 불구하고 다르게 보여졌다. 코딩을 입력할 때 매번 새로고침 및 저장을 함에도 불구하고 뒤틀린 결과가 나온다.이전에 구름.ide 웹에서
TIL-HTML&CSS(position, display, float)
static을 제외한 나머지 속성값들은 top, bottom, left, right와 같이 어느 위치에 위치시킬지 정할 수 있다. 그 방향에서 얼마나 떨어질 건지 나타낼 수있다. static은 position의 기본값이다. 요소를 나열한 순서 대로 배치한다.태그의 위치
0804 TIL
태그 = 요소 같은데 자세히는 좀 다르다.태그는 앞 뒤가 <> 이렇게 생긴 것을 말하고요소는 태그 앞뒤가 다 잘 닫힌 하나의 덩어리를 말한다.
HTML, CSS Lay-out
웹페이지를 제작할 때 메뉴(웹페이지를 사용하는 바업)와 내용(웹페이지가 담고있는 정보)들의 적절한 배치를 통해, 누구나 쉽게 웹페이지를 파악하고 효율적으로 사용할 수 있도록 하는 것이 필수적이다. 이것을 우리는 웹페이지의 lay-out이라고 부른다. lay-out을 위
HTML/CSS 05: position - relative, absolute
position: relative; 자체로는 별다른 의미가 없다.position 에 top, right, bottom, left 등의 속성이 추가되야 relative 라는 속성이 적용이된다. position: absolute; 는 이름과 같이 절대적인 위치에 둘 수 있
{HTML / CSS} The difference between img tag and Background-image in css 이미지 태그와 background-image 속성 그리고 Semantic Web과 Semantic Tag
이미지 태그는 웹사이트에서 사람들이 이미지를 프린트 할 수 있도록 하게 해준다 또한 이미지 태그는 이미지가 아주 중요한 Semantic 시멘틱한 의미를 가지고 있을때 해준다 이미지가 사이트내에서 중요한 역할을 하고 컨텐츠로써 중요할때 이미지 태그를 쓴다 Backgro
210804_[28]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_9_NAVER_ent-news_3__오른쪽영역_end
1.학습한 내용(1) 페이지 실습네이버 연예 뉴스의 왼쪽 영역에 대한 마지막 작업을 진행하였다.
Semantic Web과 Semantic Tag
1.Semantic Web이란? 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. 2.Semantic Tag란? 3.d
[대구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
정의 리스트(dl, dt, dd)
리스트 중에는 정의 리스트 라는것이 존재한다.용도에는 2가지가있다.<dl> 은 정의리스트를 만들거라는것을 명시한다. (<ul> <ol> 과 비슷)<dt> 는 정의리스트의 정의를 할 용어 및 key에 해당하는 값을 명시한다.<dd> 는 정의리스
devlogs-210804
오늘은 미리 앞의 진도를 나가보았다. 네이버 게임 페이지를 클로닝했다.평소에 늘 shadow 속성에 대해 부담이 있었는데, 이 사이트에서 편하게 다룰 수 있게 되었다.진행하면서 수정하고 싶은 부분이 꽤 있었지만 해당 작업은 내일 할 예정이다.Naver 링크 만들기, e
