[HTML] 주석 달기
HTML 주석 - 주석 부분은 사이트에 표시되지 않고 프로그램이 읽지 않음
- Front-end/HTML
- · 2023. 3. 17.
- 파이썬 개발 환경으로는 visual studio code, 파이참 등이 있지만 주피터 노트북 사용에 익숙해지기 위해 주피터 노트북 사용 1. 아나콘다 설치 https://www.anaconda.com/ Anaconda | The World's Most Popular Data Science Platform Anaconda is the birthplace of Python data science. We are a movement of data scientists, data-driven enterprises, and open source communities. www.anaconda.com - 설치 참고 영상 https://youtu.be/vF6yKwqWFrI - 새로운 환경 생성 1. Anaconda N..
HTML 주석 - 주석 부분은 사이트에 표시되지 않고 프로그램이 읽지 않음
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