목록프론트엔드/HTML&CSS (6)

초급의 끄적거림

[HTML] iframe으로 유튜브 영상이 들어가지 않을 경우 (일반게시판에 유튜브 영상 넣는 방법)

iframe 태그 혹은 embed 태그를 사용하여도 게시글 등록을 하면 아래 스샷처럼 www.youtube.com에서 연결을 거부 했습니다. 라고 뜨면서 영상이 삽입되지 않는 경우 1. HTML을 잘 못 적었을 수도 있지만 2. 그게 아닐 경우
프론트엔드/HTML&CSS 2019. 9. 8. 14:40
[HTML] 블록요소 (div / span / pre / blockquote / p 태그)

[블록] ⊙ 특정 지역에 대해서 블록을 지정할 수 있다. ⊙ 여는 태그, 닫는 태그 존재 ex. : 여는 태그 , : 닫는 태그 ⊙ 눈에는 안보이지만 태그를 이용해서 감싸 놓은 것은 각 문단마다 블록으로 묶여있다고 볼 수 있음 태그 - paragraph의 약자로 문단 의미 - 태그 사이에 위치하는 내용이 하나의 문단을 구성 - 태그와 더불어 가장 일반적으로 사용하는 줄바꾸기 기능 청출어람 쪽에서 뽑아낸 푸른 물감이 쪽보다 더 푸르다는 뜻으로, 제자나 후배가 스승이나 선배보다 나음을 비유적으로 이르는 말 청출어람 쪽에서 뽑아낸 푸른 물감이 쪽보다 더 푸르다는 뜻으로, 제자나 후배가 스승이나 선배보다 나음을 비유적으로 이르는 말 태그 - Preformatted Text의 약자 - 원래 Enter (엔터), ..
프론트엔드/HTML&CSS 2019. 7. 31. 22:25
[HTML] 10_목록 (ul / ol / 정의목록 : dl, dt, dd)

[순서] ⊙ 웹문서를 구조화할 때 주로 사용 (노출 시킬 의도X) ⊙ 종류 - : 순서가 없는 목록 - : 순서가 있는 목록 - : 목록 안에 적힐 리스트 태그 [순서가 없는 목록 - ul] ⊙ 표시 방법 (type) - dics : 색칠한 동그라미 - circle : 비어있는 동그라미 - square : 사각형 - none : 아무것도 없음 국어 영어 수학 [순서가 있는 목록 - ol] ⊙ 표시 방법 (type) - 1 | A | a | Ⅰ | i 체육 음악 미술 [ul 태그의 중복] Coffee Tea Black tea Green tea Milk [정의 목록] ⊙ dl : 용어의 목록 ⊙ dt : 용어의 제목 ⊙ dd : 용어의 설명 Coffee - black hot drink Milk - whie ..
프론트엔드/HTML&CSS 2019. 7. 30. 23:34
[HTML] 표작성 (표 크기 / 정렬 / 합치기 colspan, rowspan)

1) 표 크기 (table) cell, column (칸), row (줄) cell1cell2cell3 국어영어수학 달러원화엔화 2) 정렬 : 가로(align), 세로(valign) 종로구 강남구 마포구 박지성 손흥민 김연아 개 소 강아지 송아지 ⊙ : 그 줄이 다 적용 ⊙ : 그 칸에만 적용 ⊙ bgcolor : 배경색 적용 ⊙ : 와 똑같이 셀을 가리키지만 글씨가 진하게 나옴 3) thead, tbody, tfoot ⊙ : 표의 머리 ⊙ : 표의 몸통 ⊙ : 표의 꼬리 ⊙ thead와 tfoot은 표에서 한 번씩만 올 수 있고, tbody는 여러번 나올 수 있다 ⊙ tfoot은 반드시 thead보다 뒤에 와야 한다. Month Saving January $100 February $80 Sum $180..
프론트엔드/HTML&CSS 2019. 7. 23. 09:34
[HTML] 링크, 이미지, 동영상, Iframe 삽입

[03_링크] 1) 다른 페이지 연결 (링크) 문자열 : 문자열을 클릭하면 적혀있는 경로명+웹페이지명으로 이동 : 내가 만든 파일로 연결하는 것도 가능. 2) 같은 페이지 내에서 문서연결 가능 (북마크, bookmark) [04 이미지] 1) 이미지 파일 .jpg .gif .png 1-1) 상대경로 (현재 문서가 저장되어 있는 폴더 기준) - ../images 상위폴더 images - ../../images 상위의 상위폴더 images - ./images 현재 폴더 안에 있는 하위폴더 imges - images/ 현재 폴더 안에 있는 하위폴더 images EX)
프론트엔드/HTML&CSS 2019. 7. 7. 14:29
[HTML] 기본 사항

[00_HTML개괄] 1) UI(User Interface) 화면 구현 - 외부평가시 자연스럽게 진행이 될 수 있어야 함 ⊙ HTML/CSS/JavaScript ⊙ 코딩툴 : EditPlus (다른 것 써도 무방) ⊙ Script 언어 → 웹브라우저에서 인터프리터(한 줄 읽고 한 줄 보여주는) 방식으로 번역되는 언어 ⊙ 결과확인 웹브라우저 : 크롬, IE 11 ⊙ Frontend단, View단 2) HTML : Hyper Text Markup Language ⊙ 웹서비스가 가능하도록 한 문법 ⊙ 드래그해보면서 뭐가 그림이고 뭐가 텍스트인지 확인 가능 ⊙ .html (표준형) / .htm / .jsp / .asp / .php ⊙ 한글인코딩 : utf-8 ⊙ 태그(tag)는 대소문자 구분하지 않는다 태그는 ..
프론트엔드/HTML&CSS 2019. 7. 2. 23:33
Prev 1 Next