본문 바로가기

HTML

 (21)
[HTML] 작성 양식인 form 태그와 레이아웃 설정 방법 이미지를 웹페이지에 넣고 싶을때 '경로' 설정을 정말 잘 해야한다. html과 같은 폴더 안에 다른 폴더에 이미지가 있으면 ex) img/cuty/파일명 html보다 상위 폴더의 다른 폴더에 이미지가 있으면 ex) ../cha/파일명 위의 방식은 상대경로 절대 경로는 이미지 파일의 저장 위치 주소를 그대로 사용하는 방식이다.(많이 사용하지 않는다) 동영상 포맷 중에 avi 포맷은 원본의 정보를 모두 가지고 있어서 해상도는 좋으나 압축을 하지않아서 용량이 크다. 많이 사용하는 동영상 포맷으로는 mp4, mov가 있다. 둘 다 압축률이 좋아서 해상도도 좋으면서 용량도 작다. 특히 mov 포맷은 투명도를 저장할 수 있는 유일한 동영상 포맷이다. mov 파일은 맥에서 사용하는 디폴트 동영상 포맷으로 윈도우에서 ..
[HTML] 여러가지 태그들 index.html 메인 도메인 웰컴 페이지라 부른다. http://www.naver.com/(index.html) 생략되어있는 형태이다. 서버(정보를 가지고 있는 컴퓨터) 렌탈로도 많이 사용한다. 정보를 가지고 있는 언어 html 속성은 속성 값이 필요하다. a 태그는 href는 속성 그래서 앞에 공백으로 다른것임을 표시해야한다 target 또한 속성 head 태그는 정보를 가지고 있는 블록 body 태그는 실제로 보여질 정보를 작성한다. , 태그는 동등한 관계로 형제 관계이다. 그리고 태그는 최상위 태그로 이들의 부모태그이기도 하다. 하지만 태그나 태그에 자식 태그는 의 자손 태그이다. 자식 태그는 자신의 바로 밑 자식만 인정한다. *html 공부는 태그와 속성을 공부하는 것 태그는 heading의 ..
정의 목록 태그 정의목록 태그 dl>dt{크롬}+dd{구글에서 개발해서 오픈소스로 배포한 웹브라우저}+dt{사파리}+dd{맥 운영체제에서 기본으로 사용하는 웹 브라우저} 크롬 구글에서 개발해서 오픈소스로 배포한 웹브라우저 사파리 맥 운영체제에서 기본으로 사용하는 웹 브라우저 dl,dt,dd는 용어를 정의하는데 사용하는 의미론적인 sementic 태그이다.
테이블 태그 표를 만드는 테이블 태그 수원초등학교 3학년 5반 성적 과목 국어 영어 수학 중간고사/기말고사 90 100 80 80 95 88 수원초등학교 3학년 5반 성적 과목 국어 영어 수학 중간고사/기말고사 90 100 80 80 95 88
사운드를 출력해주는 audio 태그 사운드를 출력해주는 audio태그 속성명과 속성값이 같을 때에는 속성값을 생략할 수 있다.
이미지 태그 이미지의 다양한 확장자 jpg :가성비가 좋다=>화질은 좋은데 용량은 작다!=>압축률이 좋다.[비손실 방식 lossless compression/ 손실 방식 lossy compression] 단, 투명도를 저장할 수 없다. png :투명도를 저장할 수 있으면서 압축률이 좋은 확장자의 이미지 gif :이미지 중에서 유일하게 움직이는 이미지 저장 가능 bmp:원본 이미지의 정보를 100% 가지고 있는 포맷 => 용량이 크다. tiff, targa :투명도 가지고 있다. 내 html파일이 있는 위치에 img 폴더가 있고 그 안에 cuty 폴더가 있고 그 안에 charactor01.gif가 있는 경우 내 html파일 상위폴더에 charactor02.gif 이미지가 있는 경우에는 ../로 상위 폴더로 이동 가능하다.
링크를 걸어 컨텐츠로 이동하기 starbucks 아메리카노 카푸치노 카페라떼 아메리카노 네이게이션 메뉴를 클릭했을 때 싱글 페이지 안에서 해당하는 컨텐츠로 이동하려면 id값이 필요합니다. 각 컨텐츠에는 id='아이디 값'을 주고 링크를 걸어줄 a 태그의 href 속성값으로는 #아이디명을 넣어준다. Lorem ipsum, dolor sit amet consectetur adipisicing, elit. Qui repellat exercitationem minus sunt eius sapiente? Cum aliquid quod, natus. Repellat et exercitationem maxime perferendis, atque doloremque illum sed laboriosam consectetur omnis commodi..
배운 태그를 이용한 각오 나의 각오 4일차 단단한 마음으로 시작한줄 알았으나 선생님 말씀을 놓칠때마다 머리가 하애지고 있다. 하지만 그럼에도 불구하고 헤메더라도 끝까지 해보자란 마음으로 했기 때문에 버텨내봅 시다! 우울할땐귀여운거

티스토리툴바