iframe 태그 - 현재 웹 문에 다른 페이지, 동영상 등을 불러와서 삽입 ex) 유튜브 동영상 삽입 1. 유튜브 동영상의 공유 버튼 클릭 2. 퍼가기 선택 3. 퍼가기 안에 있는 HTML 코드 복사 4.동영상 추가할 위치에 코드 붙여넣기
깃허브로 웹 호스팅 1. [New repository] 버튼 누르고 저장소 생성 2. Quick setup - [uploading an existing file] 링크 클릭 3. 파일 업로드 4. Setting - [Pages] 메뉴로 들어가기 5. [Source]를 main으로 바꾸고 [Save] 6. 빌드(build)와 배치(deploy)가 끝나면 [Pages]로 돌아와 주소 클릭 7. 웹 사이트 화면에 표시 -> 깃허브로 호스팅한 웹 사이트 https://nomellc.github.io/first_website/
하이퍼 링크 태그 (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 ~
