Category: HTML

2024
0
ProgrammingHTML

HTML-블록과 인라인

HTML-블록과 인라인HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 블록(block) 인라인(inline) 블록은 새로운 라인에서 시작하고 모든 줄을 사용하고, 인라인은 내용만큼만 자리를

0
ProgrammingHTML

HTML 줄바꿈 입력하기

HTML 줄바꿈 사용하기HTML에서는 줄바꿈을 사용할때 태그를 이용하여 줄을 변경할 수 있습니다. <br><p></p><pre></pre> 더 자세한 설명은 아래에서 확인 할 수 있습니다. <br>br 태그는 ‘break’(휴식)의 약자로 단순히 HTML에서 줄바꿈을 할 때 사용됩니다.여러

2021
0
ProgrammingHTML

HTML - 주석 태그 <!-- -->

HTML 주석HTML 주석 tag주석은 <!-- 주석 내용 --> 와 같이 사용할 수 있습니다. 1<!-- 주석 내용 --> HTML 주석 사전적 정의주석은 사전적 정의를 알고나면 쉽게 이해할 수 있습니다. 주석 Comment 정보·통신 프로그램의 본문 가운데 포함되어 있으나 그 프로그램의 실행에는 영향을 주지 않는 언어 구성 요

2019
0
ProgrammingHTML

HTML 간단하게 표 만들기

HTML 표 만들기Overview표 형식으로 데이터를 표현하는 것을 웹사이트에서 쉽게 찾아 볼 수 있습니다. 오늘은 그 표를 html 형식으로 어떻게 만드는지 알아보겠습니다.저의 차트에는 CSS가 미리 적용되어 있습니다. 만약 필요하시다면 아래의 ‘CSS 확인하기’를 클릭하여 확인해주세요. CSS 확인하기 1234567891011121314151617

2018
0
ProgrammingHTML

HTML 이미지 링크거는 법

HTML 이미지 링크거는 법HTML에서 이미지를 누르면 링크가 연결되는 것을 배워 봅시다! 아주 아주 간단합니다.결과만 보고 싶으신 분들은 이 포스트의 맨 마지막을 확인하세요. HTML 이미지 기본 형식 HTML에서는 <img>태그를 이용해 이미지를 삽입 할 수 있습니다. 12<img src="http://t1.daumcdn.

0
ProgrammingHTML

HTML 에디터 (jsFiddle,메모장)

jsFiddle을 사용해 HTML 작성하기jsFiddle을 이용해 아주 쉽게 작성하고 결과를 확인할 수 있습니다.또한 HTML, CSS, JavaScript 코드를 jsFiddle에서 작성한 후에 다른 사람들과 공유할 수 있습니다!! 다른 사람과 공유하고 싶다면 jsFiddle에서 작성한 후 윗 부분에 ‘Embed’ 부분을 클릭 한 후 ‘Embed snip

0
ProgrammingHTML

HTML 기초 알아봅시다!

HTML에 기초부터 배워 봅시다.오늘은 HTML에 대해서 배워봅시다. 정말 쉽고 간단하니 누구가 배울 수 있습니다. 차근차근 알아봅시다! HTML 기초적인 구조123456789101112<!DOCTYPE html><html><head><title>Page Title</title></head>&

0
ProgrammingHTML

Mailto 태그

mailto 태그를 잘 활용하는 방법대부분의 사람들이 mailto 태그를 사용할 때 수신자 속성만 정의하고 사용할 때가 많다. 하지만 참조,숨은 참조, 제목, 본문 내용까지 이 태그 안에 다 정의할 수가 있다. 이 방법에 대해 간단히 살펴 보도록 하자. 가장 기본적인 형태는 다음과 같다.123<A href="mailto:sgj00038@nav