웹코딩 배우기/· HTML35 HTML iframe iframe은 html 안에 html 문서를 표시하는 태그다. - 기본 - 프래임 크기 지정 : 단위는 기본 px. 2019. 10. 15. HTML id="" id는 이전 과정에서 배웠던 class와 사용 방법은 동일하다. 다른 점은 id는 한 번만 쓸 수 있다는 거다. htnl문서에서 중복되지 않게 잘 확인하고 써야 한다. 특히 티스토리 스킨 편집 때는 더 조심해야 한다. 이미 쓰고 있을지도 모른다. class는 css에서 .(점)을 쓰고 id는 #을 쓴다. 2019/10/15 - [웹코딩 어려워/· HTML] - HTML class="" HTML class="" class는 요소에 이름을 부여해 스타일을 적용하는 태그다. 이름이 같은 class를 부여한 요소는 똑같은 스타일을 받는다. 이 말은 class는 반복 사용할 수 있다는 말. ok! 근데 나 이거 알고 있었다능. 정리만 하.. nilgi.tistory.com - id는 모든 요소에 사용 가능하다. .. 2019. 10. 15. HTML class="" class는 요소에 이름을 부여해 스타일을 적용하는 태그다. 이름이 같은 class를 부여한 요소는 똑같은 스타일을 받는다. 이 말은 class는 반복 사용할 수 있다는 말. ok! 근데 나 이거 알고 있었다능. 정리만 하고 넘어가자. 사이에 스타일 태그로 .menu를 컨트롤해준다. div 블록구조에 class로 menu 이름을 부여한다. 스타일에서는 이름 앞에 .(점)을 적어줘야 한다. 그럼 위에 설정한 스타일이 div 구조에 적용이 된다. 참고로 class는 .(점) id는 #을 쓴다. 그리고 id는 반복 사용이 불가능하다. - class는 모든 태그에 사용할 수 있다. - class="name"은 대소문자를 구별한다. 밥 콩밥. 학교온 기분이다. 반찬 콩자반. 탈모 걱정은 없다. 국 정수기 국이 제.. 2019. 10. 15. HTML 블록과 인라인 요소의 표시 방법에는 블록 구조와 인라인 구조가 있다. 이 두 단어는 스킨 편집 할 때 몇 번 들어봤다. - 블록 구조 정의 : 항상 새 줄에서 시작하고 전체 너비를 사용한다. 블록 구조의 태그 address article aside blockquote canvas dd div dl dt fieldset figcaption figure footer form h1-h6 header hr li main nav noscript ol p pre section table tfoot ul video - 인라인 구조 정의 : 새 줄에서 시작하지 않고 태그에 포함된 컨텐츠 너비만큼만 사용한다. 인라인 구조의 태그 a abbr acronym b bdo big br button cite code dfn em i img i.. 2019. 10. 15. HTML 목록 2 * 설명 목록 우리집 반찬 -단백질 콩 두부 -채소 콩 두부 -지방 참기름 식용유 삼겹살 먹고 싶읍니다....ㅜㅜ 우리집 반찬 -단백질 콩 두부 -채소 콩 두부 -지방 참기름 식용유 삼겹살 먹고 싶읍니다....ㅜㅜ 이 태그는 딱히 그냥 들여 쓰기 하면 될 것 같은데요? 그지? =-=? 그냥 살짝 이런 것도 있구나 하고 넘어간다. * 자동 카운팅 되는 순서 있는 목록 start="" 우리집 반찬 밥 콩밥 햇반 꽁꽁언 콩밥 반찬 두부 참치캔 야채참치캔 국물 짠국 싱거운 찌개 라면 국물 삼밥사면 주는 국물 ㅜㅜ 우리집 반찬 밥 콩밥 햇반 꽁꽁언 콩밥 반찬 두부 참치캔 야채참치캔 국물 짠국 싱거운 찌개 라면 국물 삼밥사면 주는 국물 ㅜㅜ start 태그를 이용하면 목록에 자동으로 번호나 순서가 달린다. 시작 번.. 2019. 10. 15. HTML 목록 목록을 정의하는 태그 이거 블로그 카테고리 편집할 때 많이 봤다. 익숙하네요. 태그 이름만...=-=; : 순서가 필요 없는 목록으로 목록 앞에 마크가 있다. : 순서가 있는 목록으로 목록 앞에 숫자, 영어 등이 있다. : ul, ol에 들어가는 목록들이다. 순서가 없는 목록 김치 밥 물 김치 밥 물 김치 밥 물 김치 밥 물 순서가 있는 목록 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 챕터 : 로그인 챕터 : 케릭터 생성 챕터 : 조작 방법 순서가 없는 목록 김치 밥 물 김치 밥 물 김치 밥 물 김치 밥 물 순서가 있는 .. 2019. 10. 15. HTML 테이블 티스토리를 하면서 테이블 구조는 사용한 적이 별로 없다. 메이플 정리 할 때나 한 번씩 쓰는데 티스토리 테이블 기능은 너무 미숙해서 별로다. 테이블 기능은 네이버 글 쓰기를 많이 배워야 할 듯하다. 여튼... 테이블 태그는 생각보다 배워야 할게 많다. 정리한 이미지 한 장으로 끝내보자. 찾아라 드래공본 오공의 아내 찌찌는 계왕신보다 위대한데... 눈누난나 이름 성별 나이 비고 손오공 남자 5살-철이 너무 없다. 손오천 남자 10살-오공보다 철이 들었다. 손오천 남자 20살-오반보다 철이 들었다. 이 시국에 일본 만화를 들먹여? 아니요. 드래곤볼은 이미 일본을 벗어나 저의 추억입니다. 저의 추억에는 국적이 없습니다. ㅅㄱㅇ 찾아라 드래공본 오공의 아내 찌찌는 계왕신보다 위대한데... 눈누난나 이름 성별 나.. 2019. 10. 15. HTML <picture> html5 언어에 새롭게 추가된 태그라고 한다. 는 화면 크기에 따라 다른 이미지를 보여 줄 때 쓰나 보다. 태그가 함께 사용한다. 사용 예시를 보면 화면 크기가 최소 800일 때 nilgi_top 이미지를 보여주고 화면 크기가 최소 500일 때 nilgi_top2 이미지를 보여준다. picture를 지원하지 않으면 img를 보여준다. 이 태그는 어느 때 쓰는 걸까? 요즘은 반응형이라 이미지가 화면 크기게 맞게 알아서 조정된다 말이지... 음... 언젠간 써 먹을 날이 없겠지 뭐^^ 2019. 10. 15. HTML 배경 이미지 배경 이미지는 css의 background-image를 쓴다. css 아직 안 배웠는데요. ㅡ_ㅡ? 배경 이미지는 기본적으로 요소의 크기보다 작으면 반복된다. 요소의 크기가 뭔가요? div 크기요. ok! 이미지가 반복되지 않게 하려면 를 쓰면 된다. ▲ 이미지가 요소의 크기보다 클 때 요소를 덮게 하는 방법은 를 쓰면 된다. ▲ 이미지가 요소의 크기보다 클 때 요소에 꽉 차에 하려면 를 쓰면 된다. 2019. 10. 14. HTML 이미지 맵 태그는 이미지의 특정 영역을 클릭할 수 있는 부분을 지정한다. 이지미 맵을 쓰려면 먼저 img 태그 안에 usemap 아이디를 만들어야 한다. id는 #id로 만들면 된다. 예를 들어 #nilgi 이런씩으로 자기 마음대로 #이름을 쓰면 된단다. 오호~ okok. 그리고 ~ 쓰면 된다. map에 usemap id를 정의하고. 태그로 영역을 지정하고 링크 태그 주소를 걸면 된다. area 태그도 닫는 태그가 없다. shape와 coords는 맵 영역의 모양과 크기를 정의한다. rect : 사각형 / coords : 사각형 크기의 왼쪽 위 시작 점과 오른쪽 아래 끝점. circle : 원형 / coords : 원의 중심 좌표와 반경 지정. 이거는 티스토리에서 쓰기 좀 힘들 것 같다. 그지? 2019. 10. 14. HTML 이미지 - 이미지 태그 이미지 태그는 여러 태그와 다르게 닫는 태그가 없다. - 기본 정의 2019. 10. 14. 이전 1 2 3 4 다음
