HTML Comments(주석)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon입니다. 이번글에서는 모든 언어들에서 사용하는 주석 즉 Comments에 대하여 적어보록 하겠습니다. 이 주석들은 아주아주 중요하다고 생각됩니다. 많은 양에 코드 또는 다른 사람이 작성한 코드를 보기 위해서는 설명이 필요하기 때문입니다. HTML Comment Tags HTML에서는 주석을 사용할수 있습니다. 다음과 같은 방법으로요. 해당글을 설명하는 역할을 도와줍니다. Gon 의 블로그입니다. Error를 제거할수 있는 기능 또한 이 주석을 잘 활용한다면 우리가 코드중에서 특정 코드들을 잠시동안 사용을 하지 않기를 원할 때 또는 어떤 문제가 있을 것으로 예상되는 곳들은 지우고..

2020.12.29

컴퓨터/HTML&CSS

Commnet

HTML - Quotation Elements(인용 표현의 태그)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이번글에서는 HTML에서 태그로 제공되는 기본 인용구에 대하여 알아보도록 하겠습니다. - 들여쓰기 대부분 글을 쓸 때 들여쓰기를 많이 사용하시지 않나요 ?? 가독성도 좋고 소제목과 세부내용을 보기에도 간편하게 되기 때문이라고 생각합니다. 이때에 태그를 이용하면 다음과 같이 들여쓰기가 가능해 집니다. blockquote 태그 사용법 이렇게 들여쓰기가 간편하게 된답니다. blockquote 태그 사용법 이렇게 들여쓰기가 간편하게 된답니다. 따옴표표시 HTML에서 요소,속성의 값들을 정의할때 따옴표""를 사용하게 됩니다. 이러한 내용들을 방지하기 위해 태그가 제공됩니다. Go..

2020.12.23

컴퓨터/HTML&CSS

Commnet

HTML - Text Formatting

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이번글에서는 HTML의 문자들 즉 텍스트들의 형식을 어떻게 지정하는지에 대하여 알아보도록 하겠습니다. HTML에서는 텍스트들을 정의하기 위한 여러 태그들이 있습니다. 대표적인 태그들은 다음과 같습니다. HTML - 문자 형식 지정 태그 Bold text 단순하게 해당 문자를 굵은 글씨로 표현 하게 할수 있는 태그 입니다. 이것이 b 태그 입니다. 이것이 b 태그 입니다. Important text 사실 표현은 태그와 동일하지만 이 안의 텍스트는 중요하다가 HTML에서 인식하게 됩니다. 이것이 strong 태그 입니다. 이것이 strong 태그 입니다. Italick te..

2020.12.22

컴퓨터/HTML&CSS

Commnet

배기량

자동차에서 배기량은 무엇일까 ? 우리가 흔히들 말하는 차량에서의 배기량, 이배기량이 무엇인지 알고 계신가요?? 차량의 뒷쪽을 보면 2.0 1.6T 3.3등등 표시되 있는 것을 보신적이 있으신가요?? 이 배기량 영어로 displacement로 많이 불리는 이놈은 아직까지 자동차에서 심장의 역할을 많이 사용하고 있는 엔진의 용량을 표현하는 단위로 보통 cc를 많이 사용합니다. 자동차에서 사용하고 있는 엔진은 정확한 표현은 internal combustion engine 또는 내연기관이라고 불리며 내부에서 연료와 공기를 연소시켜 동력으로 만들어주는 장치입니다. 그리고 이 엔진이 담을수 있는 연료와 공기의 최대 용량이 바로 배기량 입니다. 사람으로 비유하자면, 'Gon은 햄최몇 - 20개'와 같은 맥락입니다. ..

2020.12.18

자동차

Commnet

HTML Styles

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이글에서는 우리가 HTML을 이용하여 웹페이지를 만들면서 어떻게 보면 가장 중요한 기법중이라고 할수 있는 Styles에 관련된 것을 알아보도록 하겠습니다. 우리가 무언가 글을 쓰게 된다면 글의 내용자체는 당연히도 중요하지만, 그 가독성을 높이기 위한 기법들이 아주 중요합니다. 크기,글씨체,색, 구성 등등 이런 디자인의 요소가 아주 중요합니다. 여기서 우리의 HTML에서 style이라는 속성이 등장하여 이것들을 도와주게 됩니다. HTML Styles속성 HTML style 속성은 요소의 색,글꼴,사이즈 등을 바꾸어 줄수 있습니다. 이전 글에서 잠깐 봤듯이 우리가 사용하는 ..

2020.12.18

카테고리 없음

Commnet

HTML-Paragraphs(단락)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이전 글에서는 제목을 지정해주는 태그들에 대해서 알아보았습니다. 이제 본문의 내용들을 구성하는 단락들에 대하여 알아보도록 하겠습니다. HTML Paragraphs(단락) tag 태그는 브라우저의 크기에 맞추어 내용을 맞추어 단락을 구성해 주는 역할을 합니다. 항상 새로운 줄에서 시작되며 종료 태그에서 자동으로 줄바꿈을 하게 해줍니다. 이것이 p태그 입니다. 이 안에 쓴 글은 여러 공백들을 무시합니다. 무슨 의미냐하면 아래와 같은 경우 동일하게 표시가 됩니다. 이 문단은 계속해서 이어지게 됩니다. 많은 여백을 표시해도 브라우저에서는 이를 무시하고 하나의 글로 표현합니다. ..

2020.12.16

컴퓨터/HTML&CSS

Commnet

HTML-Headings(제목)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 오늘은HTML headings(제목)에 관한내용을 다루도록하겠습니다. HTML heading은 제목 또는 표제를 웹페이지에서 보여주는 것입니다. 그러면 HTML에서 제목을 정해주는 Headings tag들에 대하여 알아보록 할까요? HTML - headings(h tag) HTML 제목은 에서 tag로 정의 됩니다. 부터 까지의 tag로 제목을 정의하도록 구성되어있으며, 중요도는 h1 부터 시작하여 h6로 됩니다. h tag의 중요성 검색 엔진들은 단순이 포함된 글을 찾는 것이아니라 그 웹페이지의 제목을 먼저 찾습니다. 때문에 h 태그는 중요합니다. 혼자만 보려는 것이 ..

2020.12.15

컴퓨터/HTML&CSS

Commnet

HTML-Attributes(속성)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요. Gon입니다. 이번 글에서는 HTML-Attributes 흔히 속성이라 불리는 녀석에 대하여 알아보겠습니다. HTML - Attributes(속성) 지난번 글에서 elements(요소)에 대하여 알아보았습니다. 이번글에서 알아볼 Attributes(속성)은 elements(요소)에 대하여 추가적인 정보를 전달해 주는 역할을 하는 녀석 입니다. Attributes(속성)의 특징은 다음과 같습니다. 밑에부터는 영문표기는 생략 하도록 하겠습니다. 모든 요소는 속성을 가질수 있습니다. 속성은 요소에 추가적인 정보를 제공해 줍니다. 속성은 항상 시작태그에 명시됩니다. 속성은 보통 속성의 이름..

2020.12.14

컴퓨터/HTML&CSS

Commnet

HTML-Elements(요소)

전체가 elements ※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요. Gon입니다. 공부를하면서 한글로 번역을 하지만 주요 Key word는 영어로 알아야된다는 필요성을 느끼게 되어 w3school을 참조하며 글을 올릴 예정입니다. 읽으실때 참조 바랍니다. Elements - 요소 HTML 에서 Elements(요소)는 시작tag 와 내용 종료tag로 구성이 됩니다. 이것이 Element(요소)의 정의 위 코드 블럭처럼 HTML에서 어떤 tag안에 감싸진 내용물 전체를 Element(요소)라고 정의 할수 있습니다. 또한 이 Element는 중첩이 될수 있습니다. 즉, Element를 감싸는 Element가 가능하다는 말 입니다...

2020.12.09

컴퓨터/HTML&CSS

Commnet

무작정해석해보기3

www.w3schools.com/html/default.aspwww.w3schools.com/html/html_editors.asp HTML Editors HTML Editors A simple text editor is all you need to learn HTML. Learn HTML Using Notepad or TextEdit Web pages can be created and modified by using professional HTML editors. However, for learning HTML we recommend a simple text editor like Notepad (PC) o www.w3schools.com HTML Editors HTML 편집기 A simple text ..

2020.12.03

카테고리 없음

Commnet