본문 바로가기

Programming/HTML+CSS37

클릭시 원하는 부분으로 이동 / 링크에 타이틀 추가 목적지를 생성하기 위해 엘리먼트 사용하기 : 목적지 앵커(Destination Anchor)index.html 파일에 작성되었다고 가정하겠습니다. [목적지 앵커설정] 골로 이동하자!! [목적지 설정] 이동되야할 곳 골로 이동하자!! 를 클릭했을시 id가 goal로 설정된 곳으로 이동하게 됩니다. (같은 html 파일 내이든, 다른 html 이든) id는 항상 문지(A-Z,a-z)로 시작하고, 그 뒤는 어떤 문자나, 하이픈, 밑줄 콜론, 기간문자(..), 소수점 등이 올 수 있다. 공백 사용 불가능 링크에 타이틀을 추가하기 링크에 마우스를 올려놓았을때 링크에 대한 설명이 뜨게 합니다. GOAL 마우스를 올려놨을때 링크라벨은 간결하고, 의미있게 만들어야 한다. 2012. 5. 9.
HTML 리스트 만들기 리스트의 종류 : 순서화된 리스트(ordered list) , 순서화되지 않은 리스트(unordered list) 엘리먼트는 각 향목을 식별히는데 시용되며, 엘리먼트는그힝목들을묶는데 사용됨. 와 혹은 은 같이 사용하지 않으면 의미가 없다 1. 엘리먼트 사이에 각각의 리스트 항목을 넣는다. 아이폰 아이패드 갤럭시 갤럭시 노트 2. 리스트 항목 전체를 이나 엘리먼트로 감싼다. 아이폰 아이패드 갤럭시 갤럭시 노트 1. 아이폰 2. 아이패드 3. 갤럭시 4. 갤럭시 노트 아이폰 아이패드 갤럭시 갤럭시 노트  아이폰  아이패드  갤럭시  갤럭시 노트 2012. 5. 8.
<q><blockquote>엘리먼트 / 인용구 사용하기 엘리먼트 인용구 사용하기 I love you è “I love you” 엘리먼트를 사용하는 것은 인용구에 뭔가를 표시함으로써 약간의 추가적인 의미를 부여한 것임. 브라우저가 텍스트의 일부분이 실제적인 인용구라는 것을 인식한다. 휴대전화 같은 모바일 기기나, 시각 장애인을 위한 음성 HTML 브라우저가 있다는 사실을 잊지 않아야 한다. 또한 인용구를 가진 웹 페이지를 찾기 위해 웹을 철저히 조시히는 검색 엔진 같은 경우에 있어서도 매우 유용하다. 엘리먼트를 사용함으로써 웹 페이지가 의미있고 구조적 으로 될 수 있다. 가장 중요한 이유 중 하나는 원하는 방식으로 웹 페이지가 보이도록 인용구에 스타일을 줄 수 있다는 점이다. 인용구를 글자색이 회색으로 된 이탤릭체로 보이게 해야 한다고 가정할 때, 웹 페이지의.. 2012. 5. 8.
<a>엘리먼트 / 링크 걸기 엘리먼트는 다른 페이지와 연결되는 링크를 생성하기 위해 사용. 엘리먼트의 콘텐츠는 링크를 위한 라벨의 역할을 수행. 브라우저에서 라벨은 클릭할 수 있도록 밑줄이 쳐진 상태로 보임 href 속성은 링크에서 목적지를 명시하는데 사용된다. mak’s blog ==> mak's blog 속성 표현방법 mak’s blog 속성이름 등호 큰 따옴표 속성값 큰따옴표 href ? Hypertext reference의 약자. 인터넷이나 컴퓨터의 오디오, 비디오, 웹페이지등의 자원들의 다른 이름 2012. 5. 8.

티스토리툴바