Suyeon BLOG

Image - - src는 source 약자이고 이미지 링크를 넣습니다. - alt는 alternactive text의 약자이고 이미지가 보이지 않을 때 대신 보일 텍스트 입니다. (무조건 써줘야 합니다.) - 왜 써줘야 하냐면, 시각장애인분들이 웹을 이용할 때 screen을 읽어주는 시스템을 사용하는데 이때 이미지가 어떤 이미지인지 설명할 때 alt에 들어있는 텍스트를 읽어줍니다. ※ Image를 넣어주는 폴더의 이름은 image가 1개여도 images 라고 씁니다. 실습 파일: Image/img.html

Anchor 태그 - - 현재 위치에서 다른 위치로 이동하고 싶을 때 사용합니다. - hypertext reference의 줄임말인 href 속성을 가지고 있다. 이때 reference는 주소값이라는 의미를 가졌습니다. href 주소값 표기 방법 1. 웹 URL - 해당 웹으로 이동합니다. 2. html 파일 위치 - 같은 폴더 안에 포함되어있는 파일로 이동합니다. 3. id값 - 위키백과처럼 목록에서 어떤 소제목을 눌렀을 때 그 위치로 이동하게 됩니다. 4. 메일 주소 - 클릭하면 해당 메일로 메일을 보낼 수 있게 됩니다. 5. 전화걸기 - 모바일에서 사용합니다. - 해당 전화번호를 눌렀을 때 바로 통화 연결이 됩니다. target 속성 1. tagert="_blank" - 새창으로 이동합니다. 실습 ..

1. 태그 안에 적힌 내용에 따라서 마크업이 달라진다. - 그 중 중요한 것이 attr=속성이라는 의미이다. - attr은 태그만으로 설명하기 어려울 때 부가적으로 설명할 수 있는 속성입니다. //러시아어라는 의미 Привет //나라마다 어떤 언어로 사용되는지 알고 싶다면 여기 방문하기 //https://www.w3schools.com/tags/ref_language_codes.asp 2. heading 태그 - - 이때 어떤 제목에 어떤 레벨의 헤딩태그를 사용해야되는지 고민이라면 신경쓰지 않아도 된다. - 주제목과 소제목이 무엇인지 구분하고 거기에 맞게 사용하면 된다. 2. paragraph 태그 - - 문단 태그이다. 실습 파일01: HTML-CSS/HTML/Heading&Paragraph/Groo..