프론트엔드/HTML 공부(검토 후 삭제예정)4 2. 마크업 & 태그 & link ■ 시맨틱 태그 의미를 가진 태그, 이름이 붙여진 div 태그 무조건 사용하는 것이 아니라, 작성하는 사람의 의도가 중요하다. 왜 사용하는가? 검색엔진 최적화 웹 접근성 개발자의 생산성 ■ link rel stylesheet : css 파일 icon : 사이트 아이콘 href mailto - 라는 걸 사용하면 이메일을 보낼 수 있다. 이 링크를 클릭하면 이메일 프로그램이나 이메일 앱을 열 수 있고, 받는 사람 주소에 링크에 적힌 이메일 주소를 자동으로 입력해 준다. ex) 메일 보내기 tel - 를 사용하면 전화를 걸 수 있다. 데스크톱 컴퓨터에서는 전화 기능이 없을 수 있지만, 스마트폰에서 이 링크를 클릭하면 전화 앱으로 연결된다. ex) 전화 걸기 ■ a target : _blank / _self(기.. 2023. 7. 14. 1. HTML과 기본구조 23.07.14 ver 1. HTML 웹 개발은 항상 HTML부터 시작한다. ■ HTML이란? 웹 문서를 만드는 언어 웹 사이트 표시를 위해 개발된 마크업 언어 웹컨텐츠의 구조와 의미를 정의한다. HyperText Markup Language 웹 브라우저에 보여 줄 내용에 마크업하고 문서끼리 링크하는 것 하이퍼텍스트(HyperText) : 서로 링크로 연결된 문서 마크업(Markup) : 표시한다(구조와 의미). 즉, HTML에는 서로 연결한다는 의미가 포함되어 있다. 다시 말해, 웹 브라우저에 내용을 보여 주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것을 의미한다. HyperText 하이퍼링크(참조)를 통해 한 문서에서 다른 문서로 즉시 접근 가능한 텍스트 Markup Language - 태그로 .. 2023. 7. 14. HTML - 꺾쇠 기호를 넣는 올바른 방법 HTML 파일을 작성하려면 DOCTYPE, , , ... 적어야 할 것이 참 많습니다. 이럴때 유용하게 쓸 수 있는 기능이 있는데요. VS Code에서는 !(느낌표)를 입력하고 Tab 키나 Enter 키를 누르면 HTML 코드를 한번에 입력할 수 있답니다! 꺾쇠를 글자로 입력하고 싶을 때는 꺾쇠를 그대로 쓰는 게 아니라, (앰퍼샌드 지 티 세미콜론) 이렇게 입력해 줘야 합니다. 여기서 lt라는 건 영어로 “~보다 작다”라는 뜻인 less than의 약자고 gt라는 건 “~보다 크다”라는 뜻인 greater than의 약자입니다. 2023. 6. 17. 2. 시맨틱 태그 23.03.07 ver 1. 참고 도서 & 자료 웹 표준의 정석 http://aladin.kr/p/Fyssu Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 《Do it! HTML5+CSS3 웹 표준의 정석》의 저자는 ‘HTML, CSS, 자바스크립트를 한 권으로’ 배우고 싶다는 많은 독자의 요구를 모아 최신 경향을 반영한 이 책을 집필했다. 웹 개발을 시작하는 입문자도 www.aladin.co.kr 태그(Tag) HTML에서 태그는 꺾쇠( 기호)를 사용하는 문법입니다. 일반적으로 시작 태그와 종료 태그로 내용을 감싸는데요, 시작 태그는 형태로 쓰고 종료 태그는 형태로 씁니다. 줄바꿈( )이나 이미지()처럼 안에 내용이 없는 태그는 시작 태그만 씁니다. 참고로 마지막에 슬래시(/) 기호를.. 2023. 3. 7. 이전 1 다음