하이퍼 링크 태그 (anchor) - 다른 웹페이지를 연결할 때 사용 href : 링크 주소 추가하는 속성 mailto:이메일 주소 : 해당 이메일 주소 입력된 상태로 메일창 실행 target : 링크가 열리는 방법 지정 _self : 현재 화면에서 링크 이동 _blank : 새로운 화면에서 링크 엶 _parent : 부모 프레임 _top : 최상위 프레임 - if 어떤 링크인지 툴팁으로 알려주고 싶다면, 코드 - if 내부 페이지로 이동하고 싶다면, 코드 - if 같은 페이지 내 특정 위치로 이동하고 싶다면, 코드 코드 Hypertext Markup Language (HTML) ※ href는 HyperText Reference 줄임말
이미지 태그 (image) - 이미지를 웹 페이지에 포함할 때 사용 - 자체적으로 닫는 태그 - 마지막에 /(슬래시) 넣어도 되고 안 넣어도 됨 src : 이미지의 위치, 주소 추가하는 속성 alt : 이미지의 설명(대체 텍스트) 추가하는 속성 ※ 이미지는 다운로드 받아서 html 파일과 같은 폴더에 넣기 ※ 너비 속성은 width="너비"
태그 - 코드 코드 속성 - 태그의 이름만으로 정보 부족할 때 사용 - 태그의 내용 확장할 때 사용 - 태그 안 쪽에 삽입 코드 id 속성 : 같은 태그 여러 개를 구별할 때 사용 Introduction Semi Introduction value 속성 : 태그의 값 설정할 때 사용 Coffee Tea Milk Juice
HTML(HyperText Markup Language) - HTML이란? HyperText 하이퍼텍스트를 가장 중요한 특징으로 하는 Markup 마크업이라는 형식을 가진 Language 컴퓨터 프로그래밍 언어 - 개발 환경 1) visual studio 들어가기 2) Open Folder - 폴더 생성 3) new file : 확장자 .html 4) 내용 작성 & 저장(Ctrl+S) 5-1) 파일 드래그해서 검색창으로 옮기기 5-2) Ctrl+O(Window) 한 후 파일 찾아서 열기 Hello World
순서가 없는 리스트 - 리스트의 항목을 나타낼 때 사용(unordered list) - 분립기호가 붙음(검은색 원이 기본) 코드 코드 코드 코드 Coffee Tea Milk 순서가 있는 리스트 - 순서가 필요한 리스트를 만들 때 사용(ordered list) - 숫자로 항목 표시(속성값으로 변경 가능) 코드 코드 코드 코드 First Second Third 용어 정의 리스트 : 용어를 정의할 때 사용 용어 용어 설명 Coffee Coffee is made of ~
줄바꿈 태그 1. - 코드 마지막에 한 번만 태그 삽입 - 여러 번 사용 가능 코드 To force line breaks in a text, use the br element. HTML 삽입 미리보기할 수 없는 소스 2. - 단락 생성 태그 - 시작 태그, 닫히는 태그 있어야 함 - 일정 간격으로만 가능(연속 사용 불가) 코드 This is some text in a paragraph. HTML 삽입 미리보기할 수 없는 소스 ※ 태그 이용할 때, 단락과 단락 사이 간격을 조정하고 싶다면 CSS 사용. 예를 들어, 50px만큼 간격을 조정하고 싶다면 코드 코드
제목 태그 - 제목을 위한 태그 - 굵고 큰 텍스트 - 띄어쓰기 - 숫자가 커질수록 텍스트 크기 감소 코드 코드 ... 코드 This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 HTML 삽입 미리보기할 수 없는 소스
