본문 바로가기
반응형

앱 만들기/HTML5 study59

HTML 문서의 기본 구조 HTML 문서는 기본적인 구조를 가지고 있습니다. 예제를 통해 알아보겠습니다. 안녕하세요. 웹 문서 입니다. HTML 은 크게 3가지 태그 로 구분됩니다. 태그 란 기호를 가진 html 의 최소 단위로 html 요소라고도 불리웁니다. 브라우저에서는 태그 안의 값만 실행되거나 표시되게 됩니다. 1. 웹 문서의 처음과 끝을 나타냅니다. 웹 문서의 시작과 끝이기에 해당 태그 사이에 웹문서의 정보와 실제 브라우저에 보여질 구조 및 내용을 코딩하면 됩니다. 위 예제에서 은 해당 웹페이지의 기본 언어가 영어라는 뜻 입니다. lang='kr' 한국어로 설정을 하면, 한글로 검색시 해당 웹페이지가 한글이라는 조건에 맞아 떨어져 검색이 되는 원리입니다. 2. 태그 사이에는 해당 웹 문서의 정보를 브라우저에게 알려줍니다... 2023. 1. 21.
비쥬얼스튜디오 코드 웹문서 실행하기 웹 문서를 만들고 실행하기 위해서는 해당 html 파일을 더블클릭 해야 합니다. 하지만, 에디터에서 바로 실행할 수 있으면 더 편리하겠죠? 비주얼스튜디오 코드에서는 확장 프로그램을 통해서 웹 문서를 바로 실행이 가능합니다. 실행 결과값은 브라우저를 통해서 확인이 가능합니다. Live sever 설치 확장 프로그램의 이름은 바로, Live server입니다. 다운로드해보겠습니다. 비주얼스튜디오 코드 왼쪽 사이드바의 하단 확장아이콘을 선택 후 검색 창에 live로 검색합니다. 첫 번째 Live Server를 설치합니다. 설치가 완료되었습니다. 웹 문서 실행 웹 문서를 실행해봅니다. 작성한 웹문서 에디터 창 혹은 파일에서 오른쪽 마우스 클릭 >> Open with Live Server를 선택합니다. 기본으로 .. 2023. 1. 8.
HTML 이란? HTML 이란? Hyper Text Markup Langauge 라는 뜻 입니다. Hyper 는 문서를 연결해준다는 의미이며, 마크업은 표시한다는 뜻 입니다. 즉, 인터넷 상에서 사용되는 웹 문서를 손쉽게 연결해주며, 표시해주는 언어라는 뜻 입니다. 웹페이지는 텍스트 , 이미지, 사운드, 영상 자료등으로 이루어지죠. 이런 모든 리소스들의 표시해준다는 의미 입니다. 웹이페이지를 표시 하기위해서는 태그 라고 불리는 HTML 언어를 사용하여서 페이지를 구성합니다. 예를 들면 하기와 같습니다. h1 이 가장 큰 제목 입니다 h2 두번째로 큰 제목 입니다 h3 세번째로 큰 제목 입니다 h4 네번째 제목 크기 입니다 h5 다섯번째 제목 크기 입니다 h6 가장 작은 제목 크기 입니다 태그로 구성된 웹페이지가 브라우저.. 2023. 1. 3.
HTML h 태그 란? 태그는 제목을 나타낼때 쓰이는 태그 입니다. heading 의 줄임말로 이 가장 큰 제목이고 이 가장 작은 글씨의 제목 입니다. 위 코드를 브라우저에서 실행하면 하기 와 같은 결과를 얻을 수 있습니다. DOCTYPE html> Document h1 이 가장 큰 제목 입니다 h2 두번째로 큰 제목 입니다 h3 세번째로 큰 제목 입니다 h4 네번째 제목 크기 입니다 h5 다섯번째 제목 크기 입니다 h6 가장 작은 제목 크기 입니다 2022. 11. 15.
HTML 텍스트 태그 어원 HTML 태그 중 텍스트를 표현하는 태그들의 어원을 정리해봅니다. HTML 은 마크업 언어 입니다. Mark up 이란 표시한다는 뜻을 가지고 있습니다. 웹브라우저 는 서버에서 받아온 HTML 태그들을 분석하여 화면을 구성합니다. 참고로 HTML 들의 태그들은 시맨틱 태그 라고도 불리웁니다. Semantic 이란 뜻은 '의미론적인, 의미에 관련된' 이라는 의미로, HTML 태그 자체에 그 의미가 부여 되었다는 뜻입니다. 위 태그들만 보더라도 각 태그가 영어의 줄임말로 그 뜻을 나타낸다는 것을 알수 있습니다. 사람도 알아보기 쉽지만, 브라우저 어떤 화면 구성 과 폼인지를 손쉽게 알수 있습니다. HTML 학습 시, 무조건 암기 보다는 코드 실습을 하면서 어원 자체를 이해하는 것이 해당 태그를 빠르게 습득하는.. 2022. 11. 14.
반응형

티스토리툴바