본문 바로가기
  • 개발 / 공부 / 일상

HTML&CSS15

(HTML) Tags div 태그 가장 기본적인 영역 가장 기본적인 영역 p 태그 단락, paragraph 단어의 약자로서 블록의 성질을 가지고 있어서 블록화 되어 있다. 블록화된 텍스트 br 태그 줄 바꿈, 엔터 span 태그 p태그 안에 적기도 하는 태그. 거의 비슷하지만 블록화 된 p 태그 속성과는 다르게 inline 속성을 가지고 있다 인라인 형식의 텍스트 pre 태그 p나 span태그와 같다. 결정적인 차이는 작성한 그대로 연출이 되어서 나오게 된다 입력한 그대로 출력하는 텍스트 h 제목 태그 h1, h2, h3, h4, h5, h6 : h1이 제일 큰 제목 태그, 이후 숫자가 늘어가면서 점점 작아지는 제목을 만들 수 있다 (최대 6) h1 제목 태그 h2 제목 태그 h3 제목 태그 h4 제목 태그 h5 제목 태그 .. 2023. 1. 9.
HTML이란?(2) 태그 웹페이지의 내용물을 담는 페이지이다 태그 내 들어가는 요소들은 다음과 같으며 페이지에 표시되는 모든 콘텐츠들을 포함한다 텍스트(text) 이미지(img) 비디오(video) 게임(game) 재생이 가능한 오디오 트랙(audio) Tag 여는 태그가 존재한다면, 반드시 닫는 태그가 존재해야한다. 단, 자식태그를 가질 수 없는 몇몇 개의 태그들은 스스로 태그를 열면서 닫는 것도 가능하다(ex. , 등) 여는 태그와 닫는 태그 사이에는 자식태그들을 가질 수 있다 2023. 1. 9.
HTML이란?(1) - 웹페이지를 작성하는 문서, 논리적이 아니라 구조적으로 이루어져 있는 언어 (Hyper Text Makeup Language) 빈 vscode 화면에서 doc를 치고 자동완성기능을 사용하면 위에 같은 기본 뼈대를 만들 수 있다. Tag - html 파일의 시작, 전체 페이지의 콘텐츠를 포함하며 기본 요소로도 알려져 있다 lang="en" 속성 : html 전체 파일은 en(english) 언어로 설정하겠다는 설정이다. Tag - 브라우저에 여러가지 정보들을 전달하는 태그, 보통 페이지상에서는 보이지 않는다. Tag - meta 데이터 태그, 쉽게 이야기하자면 전체 페이지에 대한 기본 정보들을 전달 혹은 설정하는 태그들이다 : 페이지의 언어가 어떤 포맷으로 설정할지 혹은 어떤 형식으로 설정하도록 하겠다는.. 2023. 1. 9.