본문 바로가기

HTML3

HTML개요 HTML (HyperText Markup Language) :하이퍼 텍스트와 콘텐츠를 표시해주는 언어 Hyper Text : 하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트 Markeup : 콘텐츠를 표시한다는 뜻 Language : 언어 rendering : HTML코드가 웹브라우저를 통해 해석되고 표현되는 과정 HTML의 확장자 : '.html', '.htm' 파일 수정은 텍스트 편집기로 열고 결과(웹페이지)를 확인하려면 웹브라우저로 연다. 개발자도구 이용하기 Mac 단축키 개발자도구 열기 : Command + Option + j 코드 에디터 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어이다. 텍스트 자동 완성 + 하이라이팅 기능이 추가된 메모장과 같다. 추천.. 2023. 1. 19.
하리보 전시 입구 사진 HTML, 구현 실습중 HRIBBO macht kinfer froh und Erwachense ebenso! 하리보는 아이들을 즐겁게 해요. 그리고 어른들도! 함께해요 모두 다, 행복해요 하리보! 따라할 사진 @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); #text3 { font-family: 'Jua', sans-serif; } 그런데 웹폰트 적용이 프리뷰에서는 보이지만 브라우저로 열었을 때는 적용되지 않고 보인다. 뭐지..? 2023. 1. 11.
HTML5 type & tags 태그의 기초 태그의 사용법 : 기호를 사용해서 콘텐츠의 시작과 끝을 표시한다. 각 태그는 콘텐츠를 감싸며, 태그명은 콘텐트의 성격과 의미를 나타낸다. 단일 태그 : 경우에 따라서는 시작과 끝을 구분할 필요가 없다. 여는 태그나 닫는 태그 중 어떤 것을 써도 상관 없는 경우에 해당한다. 속성 태그 : 태그의 부가적인 기능을 정의한다. (선택사항) 태그명과 속성 정의는 공백으로 구분하며 큰따옴표를 사용한다. 주석 : 컴퓨터는 읽지 않고 사람에게만 보이게 처리할 때 사용한다. HTML 구성요소 : 이것이 html 최신 표준 문법으로 작성되었음을 나타낸다. : 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 이 태그에 들어간다. : 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 .. 2023. 1. 5.