welcome, & greetings

digitopia01's engineering blog

digitopia01's main1 picture

HTML

HTML 목록으로 정보를 나열해야할 때

HTML 목록으로 정보를 나열해야할 때

목록을 나열하는 태그 비순차적 목록 태그 / 순차적 목록 태그 / 정의형 목록 태그 - 3가지의 목록형 태그가 있다 필요에따라 사용하면된다. 01. 비순차적 목록 (Unordered List) <ul> <li>lis...

HTML 인라인과 블록요소

HTML 인라인과 블록요소

HTML에서 웹 페이지의 구성 요소를 정의하는 데 사용되는 두 가지 주요 요소 유형 인라인(Inline)요소와 블록(block)요소 두 유형의 요소는 웹 페이지 레이아웃과 구조를 제어하는 데 중요한 역할을 한다. 01. 블록(Block) 요소(...

HTML 레이아웃을 나누는 태그

HTML 레이아웃을 나누는 태그

레이아웃을 나누어주는 태그란? HTML 문서를 작성하다보면 한번에 여러개의 요소들을 묶거나 나눠야할 필요들이 있다. 예로, 제목-리스트-설명 의 요소들을 하나로 묶어서 위치를 조정해야할 때이다. 또는, 하나의 제목 태그안의 한 단어만 다른 색상으로 지정...

HTML 이미지와 링크 태그

HTML 이미지와 링크 태그

문서를 지루하지 않게 해주는 IMG문서를 연결해주는 A 태그 Img 태그는 문자만 있으면 지루할 수 있는 문서에 다양성을 주며 사진을 입력함으로 문자만으로 설명하기 어려운 부분에 시각적 정보를 출력한다. A 태그는 링크를 걸어서 다른 문서와의 연결되도록...

HTML 문서 꾸미기

HTML 문서 꾸미기

HTML 문서를 꾸미기 위해서 사용한 방법 HTML 문서에 정보를 태그들을 사용하여 나열하고 보니 글자의 크기나 색상 혹은 글씨체 등을 변경하기를 원했고 CSS가 아직 태어나기 전에 사용되었던 방법이다. #. 기본 사용 방법 <태그명 ...

HTML 텍스트 서식

HTML 텍스트 서식

텍스트를 강조하는 태그 HTML에는 특별한 의미를 지닌 텍스트를 정의하기 위한 여러 요소가 포함되어 있습니다. 01. Bold tag (굵은 텍스트) <b>이 문자는 굵게 표시됩니다.</b> 📍출력물 이...

HTML 바디 태그의 요소들

HTML 바디 태그의 요소들

바디(body)태그에 사용되는 요소들 많은 요소들이 바디(body)태그 내에서 사용되지만 자주 사용되는 태그들만 아래 순차로 기재했다. 문서 구조 태그의 종류 01. heading tags (제목 태그 - 크기와 두께로 강조) <...

HTML 요소의 속성과 속성값

HTML 요소의 속성과 속성값

요소의 속성과(attributes) 값(value) 모든 HTML 요소는 속성을 가질 수 있다. 속성은 요소에 대한 추가 정보를 제공한다. 속성은 항상 여는 태그 에 정의한다. 속성은 일반적으로 name=”value” 와 ...

HTML Metadata 태그의 종류

HTML Metadata 태그의 종류

메타데이터 태그(Meta tag)란 HTML 문서의 최상단에 위치하는 태그(tag)로 HEAD 태그 사이 또는 아래에 있어도 되지만 반드시 BODY 태그 위쪽에 위치해야 한다. 브라우저와 검색 엔진에 노출될 수 있도록 웹 문서의 요약 정보들을 ...

HTML의 문서 구조

HTML의 문서 구조

HTML의 문서구조를 잘 짜야하는 이유는 크게 `2가지`가 있다...

HTML에 대한 설명

HTML에 대한 설명

HTML이 무엇인지 설명해보도록 하겠습니다.