본문 바로가기

기타/HTML, CSS 기초11

기초 HTML (2) #4 HTML 문서 기본 구조 브라우저 화면에 표시항 내용을 작성하는곳 문서의 유형을 지정하는 단일태그 html 문서의 모든 내용은 이안에 들어간다. 다양한 태그들로 구성된다. 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 모두 head 태그에 들어간다. charset = "utf-8" 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 태그이다. title태그는 문서의 제목을 나타낸다. 브라우저 화면에 표시항 내용을 작성하는곳 실제 브라우저 화면에 표시될 내용을 입력하는 태그이다. 실습 #5 텍스트 태그 사용 방법과 특징 문단(paragraph) p 태그를 사용하여 문단 요소를 나타낸다. 문단과 문단 사이에는 공백이 있다. 안녕하세요! 이.. 2023. 3. 21.
기초 HTML (1) #2 개발자 도구와 코드 에디터 개발자 도구란? 웹사이트 개발용 도구로, 대부분의 브라우저에 탑재되어있다. HTML CSS 코드 확인, 모바일 모니터링, 네트워크 상태 점검, 스크립트 명령어 확인 등 다양한 기능을 제공한다. F12를 통해 개발자 도구를 열수있다. 현재 홈페이지의 HTML 코드를 확인할수있다. 코드 에디터란? 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어이다. 코드는 텍스트이기 때문에 메모장에서도 작성이 가능하다. 더 편리한 코딩을 위해 텍스트 자동완성, 하이라이팅등의 기능이 추가된 메모장이라고 생각하자. 실습 코드에는 이렇게 쓰여있지만, 브라우저에는 살~짝 다르게 표시됩니다. #3 HTML 코드 기초 문법 HTML은 언어이다. 태그(tag) 태그는 와 를 사용해 콘.. 2023. 3. 21.