# Poiemaweb

32개의 포스트
post-thumbnail

프론트엔드 개발자 학습방향_PoiemaWeb _이웅모님

프론트엔드 개발자 학습 방향에 대한 좋은 영상을 보았고, 영상 요약정리를 기록으로 남기려 한다 "프론트엔드 개발자 학습 방향" 영상_이웅모님 - youtube링크

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

CSS - 6

요소에 배경 이미지를 지정배경 이미지의 반복을 지정. 수직, 수평 또는 수직과 수평 모두의 반복을 지정할 수 있다.설정된 이미지의 크기가 화면보다 작으면 자동으로 이미지가 반복 출력되어 화면을 채운다 -> background-repeat프로퍼티의 기본값이 repeat이

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

CSS - 5

210514 - 3layout 정의에 자주 사용되는 중요한 프로퍼티항상 새로운 라인에서 시작화면 크기 전체의 가로폭을 차지(width : 100%)widht,height, margin, padding 프로퍼티 지정이 가능block 레벨 요소 내에 inline 레벨 요소

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

CSS - 4

210514 - 2모든 HTML 요소는 Box 형태의 영역을 가지고 있다. Box 형태란 사각형을 의미.이 Box는 콘텐트(Content), 패딩(Padding), 테두리(Border), 마진(Margin)으로 구성브라우저는 박스 모델의 크기와 프로퍼티, 위치를 근거로

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

CSS - 3

210514CSS 프로터피에는 키워드, 크기 단위, 색상 표현 단위 등 특정 단위를 갖는 값을 지정한다.각 프로퍼티에 따라 사용할 수 있는 키워드가 존재. ex) display 프로퍼티의 값으로 사용할 수 있는 키워드 -> block, inline, inline-boc

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

시맨틱 요소란 (Semantic element)

의미가 있는 요소라고 하여 , , 와 같이 태그의 이름만 보고도 그 역할을 짐작할 수 있는 태그를 말한다. 이러한 시맨틱 요소는 브라우저와 개발자 모두에게 그 의미를 명확하게 설명해준다. 우리가 흔히 사용하고 있는 구글의 검색 엔진은 HTML 코드 만으로 그 의미

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

CSS - 2

210505 - 2지정된 태그명을 가지는 요소를 선택한다.html요소에 class 어트리뷰트 값은 공백으로 구분하여 여러 개 지정할 수 있다. 클래스 셀렉터를 사용하여 미리 스타일을 정의해 두고, html 요소는 이미 정의되어 있는 클래스를 지정하는 것으로 필요한 스타

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

CSS - 1

210505CSS(Cascading Sytle Sheets)css는 html 요소의 style을 정의하는데 사용된다. 이를 위해선 스타일을 적용하고자 하는 html 요소를 선택할 수 있어야 한다.셀렉터 - 스타일을 적용하고자 하는 html요소를 선택하기위해 css에서

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

HTML - 8

210505웹페이지의 레이아웃 구성 - 공간 분할공간 분할 태그 -> div, span, table 등과거에는 table태그를 사용하여 레이아웃을 구성하기도 하였으나 모던 웹에서는 주로 div를 사용\+HTML5에서 새롭게 추가된 시맨틱 태그이와 같은 태그는 일반적으로

2021년 5월 5일
·
1개의 댓글

HTML Image/Audio/Video

참고: PoiemaWeb

2021년 4월 8일
·
0개의 댓글

HTML Form Practice

참고 : PoiemaWeb

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

HTML List & Table

참고: PoiemaWeb

2021년 4월 8일
·
0개의 댓글

HTML Body Tags Practice

HTML Body Tags > Trend: 최근의 웹트렌드는 텍스트를 줄이고 이미지나 동영상으로 콘텐츠를 구성하는 것이다. 제목 태그 , ... : heading태그라고 부르며 h1 부터 h6까지 다른 크기를 가진 글자로 써줄 수 있다. 시멘틱 정보가 있으니 중

2021년 4월 8일
·
0개의 댓글

HTML Tag Practice

1. 문서 정의 태그 앞서 언급했듯 모든 html앞에 오는 태그로 문서별로 단 하나만 존재한다. XHTML인지, HTML 5인지 그 문서의 형식을 알려준다. HTML 5 : HTML 4.01: XTML 1.0: 2. html tag html : 문서 형식을 지

2021년 4월 8일
·
0개의 댓글

HTML (4) :: Hyper Link

Hyper Link > HyperLink란 한텍스트에서 다른 텍스트로 텍스트의 일반적인 순서가 아닌 사용자가 원하는 순서대로 이동할 수 있는 링크를 말한다 HTML 은 HyperText언어로 하이퍼링크를 지원한다. ``: a 태그를 통해 서로 다른 웹페이지로 이동을

2021년 4월 8일
·
0개의 댓글

HTML (3) :: LayOut

HTML Layout 만들기 HTML의 문서공간을 다음 사진과 같이 효과적으로 활용해주기 위해 태그를 활용하여 문서의 공간을 나눠준다. 사진 출처: PoiemaWeb 트렌드 : span div table 등을 사용하였고, 과거에는 table 태그를 이용하여 레이아

2021년 4월 8일
·
0개의 댓글

HTML(2) :: Semantic Web

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

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

HTML-7

210408-3

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

HTML-6

210408웹페이지에 이미지를 삽입하는 경우, img tag를 사용한다.2.1 오디오audio 태그는 HTML5에 새롭게 추가된 태그. IE8 이하에서는 사용할 수 없다.웹 브라우저 별로 지원하는 음악 파일 형식이 다르다. 파일 형시에 따라 재생되지 않는 브라우저가 존

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

Poiemaweb 읽기 - JavaScript

하루에 포엠 게시물 하나씩 읽기 - JavaScript

2021년 4월 4일
·
0개의 댓글