HTML (5) 썸네일형 리스트형 p 태그 정확하게 이해하기 p태그란? HTML P태그란 HTML 문서 안에서 문단을 나누는 태그입니다. 이 태그는 이렇게 두개의 쌍으로 이루어져있는데요, 우리가 일상생활에서 자주 보는 문장부호인 엔터(Enter)키와 같은 역할을 한다고 보시면 됩니다. 즉, 줄바꿈을 하는거죠. 그렇다면 왜 굳이 따로따로 쓰는걸까요? 그건 바로 웹표준과 관련이 있습니다. 현재 대부분의 웹브라우저에서는 Html5 표준을 준수하는데요, 이때 모든 브라우저들이 동일한 결과를 보여주기 위해서는 각 요소들을 분리해서 써야한답니다. 그래서 각각의 공백마다 다른 의미를 부여해야되기 때문에 한줄씩 띄우는겁니다. p태그안에 글자수 제한이 있나요? 아닙니다. 하지만 너무 많은 양의 텍스트를 입력하면 가독성이 떨어지기 때문에 적당한 길이로 쓰시는걸 추천드려요. p태그대.. visual studio code html 구조 자동 완성 html 구조 자동 완성 visual studio code 툴에서 html 파일을 만들고 작성할 때 일일이 구조를 작성하면 시간이 너무 많이 쓰이게 되고 손가락도 아프다. 또한 실수할 가능성이 높아 html 구조 자동완성을 사용하는 것이 좋다. 자세한 내용은 본문을 참고하도록 하자. 첫번째 사진을 보면 html 파일을 처음 생성했을 때의 모습이다. 사진에 보이는 것과 같이 아무것도 없는 빈 창인 것을 볼 수 있다. 처음 서론에서 말했던 것처럼 html 파일을 작성할때 하나하나 구문 하나씩 모두 작성하려고 하면 시간이 많이 쓰이게 된다. 따라서 html 자동완성 기능을 사용하는 것인데 이는 매우 간단하게 사용할 수 있다. 매우 쉽다. 바로 단축키 !+TAB을 사용하면 바로 자동으로 작성이 된다. 한 번 두.. 제목 h태그 기초 지식 및 사용법 h태그란? HTML 태그는 웹 페이지에서 텍스트, 이미지, 동영상 등 다양한 요소들을 표현하기 위한 언어다. 특히 태그는 제목이나 단락을 정의할 때 사용하는 가장 기본적인 태그로, 문서 내 특정 부분을 강조하거나 구분하는데 주로 사용된다. h태그 사용법 HTML 태그는 웹페이지를 구성하는 데 필요한 요소들을 모아놓은 언어다. 문서의 구조와 표현, 동작 등을 정의한다. 이 중에서 가장 중요한 역할을 하는 것이 바로 태그다. 제목을 표시할 때 사용하며, 브라우저 화면상으로는 보이지 않는다. 다만 CSS로 스타일을 적용하면 출력된다. 또한 글자 크기도 조절할 수 있다. 아래 코드를 살펴보자. 안녕하세요! 반갑습니다! 감사합니다! 사랑합니다! 행복하세요! 위 코드에서는 각각 안녕하세요, 반갑습니다, 감사합니다,.. 시맨틱 태그 기초 지식 알아보기 시맨틱 태그란? 시맨틱 태그란 웹사이트들이 정보를 저장하고 구조화하기 위해 사용하는 메타데이터의 한 형태입니다. 즉, 컴퓨터가 이해할 수 있는 의미를 가진 데이터라고 보시면 되는데요. 예를 들면 우리가 어떤 물건을 찾을 때 네이버나 구글 같은 검색엔진 사이트에서 특정 키워드를 입력하면 해당 단어가 들어간 문서들을 모두 찾아주는 것처럼 말이죠. 이 과정에서 사람이 일일이 모든 글을 읽어보고 분류하는 것이 아니라 기계가 스스로 학습해서 원하는 정보를 추출하게 됩니다. 이렇게 되면 시간과 노력이 많이 절약되겠죠? 시맨틱 태그라는 용어가 너무 어려운데 쉽게 설명해주실 수 있나요? 쉽게 말해 사람들이 검색할 때 원하는 정보를 좀 더 정확하고 빠르게 찾을 수 있도록 도와주는 역할을 한다. 예를 들어 네이버에서 '서.. HTML이란? 구조 탐구 및 파일 만들기 HTML 이란? HTML이라는 말을 들어본 적 있는가? 아마 대부분의 사람들이 이 용어를 처음 듣는다고 대답할 것이다. 그렇다면 혹시 ‘웹 페이지’라는 단어는 알고 있는가? 웹 페이지란 인터넷에서 사용되는 문서로, 하이퍼텍스트 방식을 통해 연결되어 있는 수많은 정보들을 담고 있는 공간을 말한다. 즉, HTML은 웹 페이지를 만들기 위한 기본 언어라고 할 수 있다. 일반적으로 HTML 문서는 텍스트와 이미지 등 다양한 요소들로 구성된다. 여기서 중요한 점은 바로 모든 요소들이 서로 유기적으로 연결되어 있다는 사실이다. 다시 말해 하나의 HTML 문서에는 여러 개의 링크가 존재하며, 각각의 링크는 또 다른 URL 주소를 갖고 있다. 따라서 특정 부분을 클릭하면 새로운 창이 뜨면서 이전과는 전혀 다른 화면이 .. 이전 1 다음
