본문 바로가기

HTML54

HTML- img 태그 안녕하세요. html에서 이미지를 삽일 할 때에는, img태그를 사용합니다. 이미지 태그는 크게 두가지로 리소스를 연결 할 수 있습니다. 내부 이미지와 외부 이미지로 연결을 할 수 있습니다. 자세한 사항은 예제 소스를 보면서 이해 하시는게 빠를 것 같습니다. 2020. 5. 2.
HTML- link태그 안녕하세요. 이번에는 다른 사이트와 연결이 되는 link태그에 대해 얘기를 해보려 합니다. link연결에는 2가지가 있습니다. 네이버나 구글같은 외부 링크에 연결 하는 외부링크 연결이 있고, 같은 문서 내에 있는 내부요소로 연결하는 내부링크 연결이 있습니다. 내부링크 연결은 해당 내부요소의 id 값으로 연결하시면 됩니다. 네이버 바로가기 목차 바로가기 목차 2020. 5. 2.
HTML - list 출력 안녕하세요. 이번시간에는 리스트에 대해 알아보려고 합니다. HTML에서 리스트는 2가지의 형태가 있습니다. 순서가 없는 리스트와 순서가 있는 리스트 입니다. ul태그는 순서가 없는 리스트를 뜻합니다. 그 밑에는 li태그가 들어갑니다. ol태그는 순서가 있는 리스트를 뜻합니다. 그 밑에는 li태그가 들어갑니다. Items Computer Notebook Mouse language HTML CSS Javascript 2020. 5. 2.
HTML - P태그,i태그, b태그, strong태그 안녕하세요. 오늘은 html의 P태그,i태그, b태그, strong태그에 대해 얘기를 해보려 합니다. p태그는 페이지 단락을 뜻하며 그 외에도 h1 부터 h5까지 태그들이 있죠. b태그나 string태그 i태그와 em태그들은 비슷합니다. 보이는 것도 똑같죠. 하지만 이들은 가장 큰 차이가 있습니다. 바로 시각적으로면 강조하는가? 아니면 문법적으로 강조를 하는가? 차이입니다 이말이 무슨 말이냐면 b태그나 i태그는 시각적으로만 강조를 합니다. 시각장애인용 스크린리더를 사용하면 강조가 안됩니다. strong 태그나 em태그는 시각적 강조 뿐만 아니라, 문법적 강조도 합니다. 시각장애인용 스크린 리더를 사용했을 경우, 강조가 됩니다. Welcome HTML/css 시각적 강조와 의미론적 강조 단순한 시각적 강조.. 2020. 5. 2.