본문 바로가기

Learning/HTML&JavaScript

HTML 멀티미디어 비디오 SUMMER BEACH 오디오 오디오 재생하기 더보기
HTML5 시멘틱 태그 애완견 종류 입양하기 건강돌보기 더불어살기 애완견 종류 활달한 강아지 요크셔 테리어 생기있고 활달한 성질을 가지고 있으며 자신보다 몸집이 큰 개나 집에 들어온 침입자를 겁내는 일이 없어 좋은 번견이고 우리나라 최고의의 가정견으로 자리 잡고 있다. 말티즈 애정이 많고, 충실하며 활발한 성격을 소유하고있다. 이 종은 1급 가정견으로 요크셔테리어와 함께 우리나라 최고의 가정견으로 자리잡고 있다. 포메 라이언 활기차고 명랑한 개로 유명하고, 걷는 모습이 우아하다.충실하고 우호적인 성격이 가장 먼저 거론된다. 골든 리트리버 이 견종은 충성심이 강하고 성격이 활달하여 어린아이나 여성이 상대하기에 적합한 견종이다.참을성 또한 강하여 현재는실내에서도 많이 길러지고 있다. 온순한강아지 쉬즈 얼굴에서 풍기는 모습처럼 온순.. 더보기
CSS 레이아웃 CSS 포지셔닝: CSS를 웹 문서 요소를 적절히 배치하는 것 box-sizing: 박스 모델 너비 값의 기준을 정함 content-box: width 속성 값을 콘텐츠 영역 너비 값으로 사용 border-box: width 속성 값을 콘텐츠 영역에 테두리까지 포함한 박스 모델 전체 너비 값으로 사용 box-sizing = "content-box" box-sizing = "border-box" float: 컨텐츠들을 띄어서 정렬 박스1 박스2 박스3 박스4 clear: float 속성 해제 .box4{ padding: 20px; margin-right: 10px; background: pink; clear: both; } 사이트 제목 사이드 바 모든 국민은 근로의 의무를 진다. 국가는 근로의 의무의 내용.. 더보기
CSS와 박스 모델 블록 레벨 요소: 요소 혼자 한 줄을 차지함. , 등 인라인 레벨 요소: 줄을 차지하지 않는 요소. , 등 박스 모델: 실체 콘텐츠 영역, 패딩, 박스 테두리, 마진 등의 요소로 구성 display 속성: 블록 레벨 요소를 인라인 레벨 요소로 바꾸거나 인라인 레벨 요소를 블록 레벨 요소로 바꿈 display:block : 해당 요소를 블록 레벨로 지정 display:inline: 블록 레벨 요소를 인라인 레벨로 지정 display:inline-block: 요소를 인라인 레벨로 배치하면서 내용에는 블록 레벨 속성을 지정 display:none: 해당 요소를 화면에 표시하지 않음. 화면에서 공간도 차지하지 않음 애완견종류 입양하기 건강돌보기 더불어살기 nav{ width: 100%; height: 60%; .. 더보기
스타일과 스타일시트 글꼴 스타일: HTML 문서의 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용들 선택자 { 스타일 속성: 속성 값} 선택자: 테이블, 목차 등 스타일 규칙이 적용될 대상 속성이 여러개라면 세미콜론(;)으로 구분 주석: /*와 */ 사이 스타일시트: 스타일을 관리하기 쉽도록 한 군데 모아놓은 것 글꼴 브라우저 기본 글꼴 사용 나눔고딕 웹 폰트 사용 더보기
<datalist>가 있는 신청서 폼 : 여러 데이터의 나열 중 하나를 선택 에 id부여 에 list="datalist의 id" 부여 여름방학 특강 신청 수강 신청인 학번 이름 학과 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 사학과 어문학부 철학과 수강 과목을 선택하세요 관심분야 더보기
폼 관련 태그들 태그: 폼을 만드는 기본 태그. method: 사용자가 입력한 내용들을 서버 프로그램으로 어떻게 넘겨줄지 지정 get: 사용자가 입력한 내용이 그대로 표시 post: 입력 내용의 길이에 제한 X, 입력한 내용 표시 X name: 폼의 이름 지정 action: 폼 내용들을 처리해줄 서버 상의 프로그램 지정 target: 현재 창이 아닌 다른 위치에 열도록 지정 수강분야(다수 선택가능) 문법 작문 독해 수강과목(1과목만 선택가능) 영어회화 중국어회화 일어회화 : 폼 요소를 그룹으로 묶는 태그 : 필드셋의 제목을 붙이는 태그 개인정보 이름 메일주소 로그인 정보 아이디 비밀번호 태그: 입력하는 부분. 내용의 종류는 type속성을 통해 지정 hidden: 사용자에게 보이지 않고 서버로 넘겨짐 text: 텍스트필드.. 더보기
이미지와 하이퍼링크 : 이미지 삽입 태그 width, height: 이미지 크기 조절 이미지 크기 조절 : 이미지 설명 예맨 모카 마타리 태그: 하이퍼링크. 태그의 속성들 href : 링크한 문서나 사이트의 주소 입력 target: 링크한 내용이 표시될 위치를 지정 download: 링크한 내용을 다운로드 target 속성들 _blank: 링크 내용이 새 창이나 새 탭에서 열림 텍스트 링크 만들기 구글사이트 이동 이미지 링크 만들기 한 페이지 안에서 이동하기 이용. 이동하고자 하는 단락에 id를 부여하고 하이퍼링크 주소에는 id를 뜻하는 #을 앞에 붙여줌 앵커 만들기 웹 문서가 너무 길 경우 필요한 곳마다 문서 안에 이름을 붙여놓고 그 위치로 한번에 이동하는 링크를 만들 수 있는데, 이 기능을 앵커(anchor)라고 합니다.. 더보기
표 제목(<caption>, <figure>, <figcaption>), 표 구조 정의(<thead>, <tbody>, <tfoot>), 열 스타일(<col>, <colgroup>) 표 제목: , , Modern Browser 국내에서 자주 사용하는 모던 브라우저 브라우저 제조업체 다운로드 크롬(Chrome) Google https://www.google.com/chrome/ 파이어폭스(Firefox) Mozilla https://mozilla.org/ko/firefox 엣지(Edge) Microsoft https://www.microsoft.com/ko-kr/windows/microsoft-edge 국내에서 자주 사용하는 모던브라우저 브라우저 제조업체 다운로드 크롬(Chrome) Google https://www.google.com/chrome/ 파이어폭스(Firefox) Mozilla https://mozilla.org/ko/firefox 엣지(Edge) Microsoft htt.. 더보기
목록태그(<ul>,<li>,<ol>), 설명목록(<dl>,<dt>,<dd>), 표를 만드는 태그(<table>,<tr>,<td>,<colspan>) 목록을 만드는 태그 , : 순서 없는 목록. 각 항목 앞에 불릿이 붙여짐 ,: 순서 목록. 숫자 혹은 a,b,c로 구분 1일차 해녀박물관 낚시체험 2일차 용눈이오름 만장굴 카약체험 관광 안내 전화 한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내전화 1330 서비스를 연중무휴 실시하고 있습니다. 1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의 다양한 정보가 있습니다. 원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를 한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이용 가능합니다. 일반전화: (국번없이) 1330 휴대전화: 064-1330 , , : 설명 목록 제목과 그에 대한 설명으로 이루어진 목록 하나의 에 여러 .. 더보기

티스토리툴바