[HTML] 주석 달기
HTML 주석 - 주석 부분은 사이트에 표시되지 않고 프로그램이 읽지 않음
- Front-end/HTML
- · 2023. 3. 17.
HTML 주석 - 주석 부분은 사이트에 표시되지 않고 프로그램이 읽지 않음
iframe 태그 - 현재 웹 문에 다른 페이지, 동영상 등을 불러와서 삽입 ex) 유튜브 동영상 삽입 1. 유튜브 동영상의 공유 버튼 클릭 2. 퍼가기 선택 3. 퍼가기 안에 있는 HTML 코드 복사 4.동영상 추가할 위치에 코드 붙여넣기
하이퍼 링크 태그 (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 ~