분류 전체보기(128)
-
3일차 레이아웃 구성 태그 div / span , div를 이용한 레이아웃 구성
태그처럼 한 공간을 마련해서 값을 입력할 수 있게 한다. 이 태그를 코딩할 때 연속해서 쓴다고 해도 결과 값은 아래로 나열된다. div태그와 반대로 일렬로 값을 나열한다. 이 태그 또한 마찬가지로 엔터로 띄어서 코딩한다고 해도 결과값은 일렬로 나열된다. 태그로 억지로 한 칸 내려서 쓸 수는 있다. div태그 block_1 block_2 block_3 block_4 P태그 block 리스트1 리스트2 리스트3 span tag1 span tag2 span tag3 span tag4 div 태그를 이용하여 레이아웃 구성하기 실습화면 Maryable Day New post Learning English Travel BF Cat Contact us My name is Mary Lee from Seoul Korea..
2020.10.26 -
3일차 Form 태그
제출, 로그인 등 작성한 form의 정보를 어디론가 보내야 하는데, 보낼 장소(서버)의 주소를 입력하는 곳이다. get- 정보가 가는 방식. 정보가 검색되었을 때, 도메인 주소 옆에 URL에 길게 주소로 나열되는 방식. post- 정보가 가는 방식. 정보가 암호화 되어 헤더에 전송이 된다. (정보 은닉) 입력을 하지 않으면 기본값(default)은 get방식이 된다 각 항목을 작성하기 위한 태그로서, 아래의 속성들과 함께 사용한다. type : 어떠한 형태로 쓰는가 문자일 경우 "text" / 비밀번호 형태(보안문자) "password" name: input 하나의 이름이다. 나중에 서버에 갔을 때 사용자가 입력한 해당 값을 호출하여 알아낼 수 있다. size: 상자의 가로 폭 file: 사진이나 문서 ..
2020.10.26 -
3일차 개인연습 Video 태그 및 html 콘텐츠 모델
video src는 비디오가 어디에 있는지 주소를 불러오는 태그 type는 어떤 확장자인지 controls는 재생버튼 등의 제어창을 보이게 할 것인지 이렇게 한 번에 써도 되고 나눠서 속성태그를 넣어도 된다. 실습화면 결과 화면 Content Models 의 7 분류 Metadata Content Flow Content Sectioning Content Heading Content Phrasing Content Embedded Content Interacitve Content 1. Metadata " base, link, meta, noscript, script, style, title " Metadata에는 콘텐츠의 스타일, 동작을 설정하거나 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함됩니다...
2020.10.26 -
[집꾸미기] 패브릭 포스터 제작,인쇄하기/ 야옹님이 지켜보신다옹 🐾
간식을 주지 않으면 쫒아다니며 뒷꿈치에 솜방방이 빵야빵야 날리는 우리집 상전 마옹님 🧡 지저분한게 싫어서 벽에 아무것도 안 했더니 너무 허전해서 데코를 하기 위해 아이디어를 떠올렸당 ...^_^ 아이패드 + 애플펜슬 + Procreate 앱이 있다면 나는 천하무적 이 앱은 정말 똥손도 약간의 금손으로 만들어주는 매직 우리 마옹이를 본따서 좀 더 이쁜 마옹이를 그리기!! 패브릭 포스터로 인쇄하면 어떨까 해서 여기 저기 알아봤는데 내 맘에 드는 크기로 파는 업체가 별로 없었당 😥 겨우 발견해서 인쇄 성공!! '마플'이라는 사이트의 패브릭이 가장 튼튼하고 인쇄 상태도 가장 좋았으나, 이 포스터는 네이버쇼핑에서 검색해서 공방을 찾아따 ㅠㅠ 마플은 사이즈 옵션이 별로 없셔 ㅠㅠ 직접 그린 그림을 방에 거는 것도 ..
2020.10.24 -
2일차 img 이미지 태그 / audio 소리 태그
1. 이미지 태그 만약 불러오는 이미지 주소에서 이미지를 찾을 수 없다면 깨진 화면이 나타나고, 깨진 화면 옆으로 캡션만 글씨로 나타난다. 이미지를 임의로 키우고 싶다면, 이미지 태그 안에서 width=" " 를 추가하여 사이즈를 조정할 수 있다. 결과물 2. 사운드 태그 가 기본 태그이다. controls 음원의 재생 등을 조정할 수 있는 컨트롤바를 보이게 할 것인가 아닌가를 결정하는데, 보이지 않게 하고 음원만 들려주고 싶다면 넣지 않으면 된다. loop 무한 반복으로 재생되게 하고 싶으면 루프 태그를 넣어 준다. autoplay 웹페이지를 열었을 때 자동으로 재생되게 하고 싶으면 이 태그를 넣으면 된다. 결과물
2020.10.24 -
2일차 table 태그
표 형식의 레이아웃을 만드는 태그 사이에 태그를 넣는다. : 표를 나타내는 태그 : 행을 나타내는 태그 (table row) : 제목 셀을 나타내는 태그 (table header) : 셀을 나타내는 태그 (table data) : 표의 제목을 나타내는 태그 : 제목 행을 그룹화하는 태그 : 바닥 행을 그룹화하는 태그 : 본문 행을 그룹화하는 태그 Korean Math Science 태그 안에 가 늘어날 수록 가로 셀이 여러개가 생긴다. 세로로 행을 늘리고 싶으면 태그를 늘려주면 된다. Border: 테이블의 두께 설정 큰 따옴표 안에 숫자를 넣어 두께 값을 넣어준다. border - 테이블의 테두리 두께 Colspan : 열 합치기 (가로로) 따옴표 안에 숫자를 넣어 몇 개의 열을 합할 것인지 값을 넣어..
2020.10.24