08. 파일경로 _ 절대경로, 상대경로 이미지를 불러오거나 페이지를 이동할때 필요한 경로에 관한 내용입니다. img태그에서 http://ododog12.com/img/img/img_tv.png 라는 파일경로를 사용했었는데 이는 흔히 쓰이는 절대경로입니다. 우리가 사이트에 접속할때 사용하는 경로로 익숙한 형태입니다. 이 경로 외에도 좀 더 간편하게 내 서버내에서 사용할 수 있는 경로가 상대경로입니다. 상대경로는 나 자신의 위치를 기준으로 움직입니다. 1. 같은 폴더 안 같은 위치에 있는 파일 file1처럼 나와 같은 선상에 동등하게 들어있는 파일의 경우 거치는 곳 없이 바로 파일명을 써주면 됩니다. 이 경우 경로는 그냥 'file1'입니다. (물론 실제 파일에서는 확장자도 같이 써줘야 해요.. 더보기 07.img태그 _ Images Img태그는 말그대로 이미지를 불러오는 태그입니다. 파일경로를 이용해 이미지를 화면에 출력합니다. 이 태그는 다른 태그들과 달리 혼자 닫는 태그입니다. 상당히 심플합니다. 다른 태그들은 내용 이렇게 생긴 반면에 img태그는 짝궁이 붙지 않고 혼자 /로 닫아줍니다. src 속성 이곳에 이미지의 경로를 넣어줍니다 경로에는 절대경로와 상대경로가 있는데 (이 다음번에 자세히 설명합니다.) 이 경로를 따라가 이미지를 출력합니다. 참고로 아래에 http://... 는 절대경로입니다. TV 입니다. alt 속성 alt에는 이미지의 설명을 넣어줍니다. alt는 이미지를 보지 못하는 경우에 이미지의 쓰임새 및 내용을 알려줍니다. alt태그는 웹표준을 지킬때 꼭 들어가야 하는 필수요소로 img태그와는 항상 같이 다니는 짝.. 더보기 06. strong태그, em태그 _ paragraph 구성요소 의미에 따라 사용하는 텍스트 요소입니다. 텍스트 요소들 중에는 의미를 부여하는 태그가 있는 반면, 외적인 요소만 바꿔주는 태그도 있습니다. 밑에 strong과 em은 외적인 부분도 바꿔주지만 의미도 부여하는 태그입니다. strong (vs b) strong 태그는 문장내에서 단어나 문장의 중요도를 나타내는 태그입니다. strong 태그를 사용하면 굵게 강조된 서체가 나오고 강조의 의미로 리더기에서도 강조해서 읽어줍니다. 반면 b를 사용하면 표면상으로는 똑같지만 강조의 의미가 없습니다. 아래서 strong태그와 b태그가 똑같이 표현되는걸 확인해 보세요. 의미있는 강조 태그에요! 야매로 모양만 바꿔줘요! 의미있는 강조 태그에요! 야매로 모양만 바꿔줘요! em (vs i) em태그도 강조태그 입니다. 대신 e.. 더보기 이전 1 ··· 6 7 8 9 10 11 다음
