본문 바로가기

분류 전체보기433

<HTML5+CSS3> 이미지 파일에 캡션 붙이기 태그 - 캡션 대상 지정하기이미지에 캡션을 붙이기 위해서는 2개의 태그가 사용된다. 1.태그를 사용해 캡션을 붙일 대상을 지정. ex)이미지,오디오,비디오 같은 미디어 파일 or 텍스트 단락 or 여러개의 미디어를 하나의 태그로 묶을 수 있다.( 하나의 캡션을 표시 가능) eX)캡션을 붙일 요소 %태그와 태그의 차이점- 태그는 인라인 태그라서 여러 개의 태그를 사용하면 계속해서 오른쪽에 표시 되지만,태그는 한줄에 하나의 figure요소를 표시한다. 태그 - 캡션 설명 붙이기2.태그를 사용해 캡션을 붙일 대상을 묶어 놓았다면 태그를 사용해 캡션을 붙을 수 있다.에 대한 스타일만 조절하면 적절한 캡션을 표시할 수 있다.eX)내용 %단순히 이미지를 묶어서 표시하고 싶다면 태그를 사용한다. 2018. 10. 7.
<HTML5+CSS3> HTML5와 이미지 웹 문서와 이미지-웹에서 사용할 수 있는 이미지 파일 형식은 GIF-JPG나 PNG형식에 비해 파일 크기가 작지만 표시할 수 있는 색상 수가 최대 256가지뿐으로 아이콘이나 작은 이미지에 사용 투명한 배경이나 움직이는 이미지에 사용 JPG,JPEG-사진을 웹 페이지에 넣기 위해 개발된 형식 GIF에 비해 다양한 색상과 명암을 표현 디지털 카메라에서 저장하는 사진 파일은 대부분JPG 형식이다. PNG-투명 배경을 만들 수도 있고 사물이 가진 색상도 최대한 그대로 유지되기 때문에 최근에 많이 사용되는 이미지 파일 형식. 태그 -이미지 넣기웹 문서에 이미지를 삽일할 때는 태그를 사용한다. 이 태그는 인라인 태그이므로 이미지 바로 옆에 다른 요소가 나란히 배치된다. 즉 태그 같은 블로 태그는 스스로 자신만의 영.. 2018. 10. 6.
<HTML5+CSS3> 하이퍼 링크 하이퍼링크-웹상에서 텍스트나 이미지를 클릭하면 인터넷 이곳 저곳을 돌아다닐 수 있다는 점 이 연결을 해주는 것을 하이퍼링크라고 하는는데 줄여서 링크라고 한다. 태그-원하는 문서나 사이트로 연결하기 텍스트 또는 이미지 href는 링크로 연결할 웹 문서 경로나 사이트 주소를 지정한다.%href="#"은 실제로 연결되지 않는,링크 역할만 하도록 만든 가짜 링크 이런 링크를 널 링크라고 한다. 새 창 또는 새 탭에서 링크 열기-링크를 클릭하면 기본으로 현재 브라우저 창에 열리는데 외부 사이트로 연결하는 링크라면 현재 창보다 새로운 창에 열리도록 하는것이 좋다 그럴 경우에는 target="_blank"라고 target속성을 지정하면 된다.------------------------------------------.. 2018. 10. 5.
<HTML5+CSS3> 표만들기(2) ,, 태그-표의 제목과 본문 등 구분해 주기태그 사용은 조금 복잡한데 태그는 캡션태그와 colgroup,thead태그 다음에 사용해야한다. 또한 태그는 와 태그 이전에 와야 한다. 즉, 표의 실제 내용을 담고있는 태그 이전에 머리글과 요약글을 알려주는 태과와 태그가 먼저 와야한다. Do it HTML 책 153쪽 참고. 2018. 10. 5.
<HTML5+CSS3> 표만들기 (1) :행 하나를 추가합니다:셀 하나를 추가합니다.:제목이 들어갈 셀을 추가합니다.:여러 줄에 걸쳐 있는 열 하나를 지정합니다.:여러 개의 col 요소를 하나의 그룹으로 묶습니다.:여러 열을 하나의 그룹으로 묶어 표의 헤더로 지정합니다.:여러 열을 묶어 표의 본문으로 지정합니다.:여러 열을 묶어 표의 푸터로 지정합니다. colspan,rowspan 속성- 행또는 열 합치기 내용 내용 태그-표에 제목 붙이기 표 제목 -캡션 태그는 태그 바로 다음에 사용해야 한다, 태그 하나에는 태그 하나만 사용한다.태그를 사용하지 않을때 태그의 summary속성을 이용해서 표의 요약 내용을 추가해야 한다.즉, 캡션태그나 summary속성 중 하나는 반드시 사용해야 한다. ,태그 -여러 열 묶기몇 개씩 열을 묶어 한꺼번에 스타일.. 2018. 10. 5.
<HTML5+CSS3> 시작 1.HTML은 대소문자를 구별하지 않는다2.대부분의 태그는 와 처럼 여는 태그와 닫는 태그가 하나의 쌍으로 이루어져 있다.3.나 태그처럼 닫는 태그가 없는 태그도 있다.4.적당한 들여쓰기를 한다. 탭키활용5.태그는 속성과 함께 사용된다. 즉 ,이런식으로 사용한다.ex)이미지 파일의 경로를 알려주는 src속성과 이미지의 크기를 알려주는 width속성,height속성,이미지에 보조 설명을 붙여주는 alt 속성등 여러 가지 속성들이 함께 사용된다. 6.인코딩 방식은 utf-8로 한다.한글과 영문뿐만 아니라 모든 언어를 표시할 수 있는 문자세트이다.7.특수기호 사용하기 여러 개의 공백을 나타내려면 공백을 나타내는 특수 기호를 여러 개 입력한다.따옴표를 화면서 나타.. 2018. 9. 12.

티스토리툴바