HTML기초6 [HTML] 이미지 태그 / 이미지주소 <img src="image 주소"> HTML 이미지(Image) 이미지(image)란 2차원 평면 위에 그려진 시각적 요소를 의미합니다. 오늘날 웹 페이지에는 이러한 이미지가 매우 중요한 요소의 하나로 자리 잡고 있습니다. 웹 페이지에서 주로 사용되는 이미지의 종류는 다음과 같습니다. JPG (JPEG) 이미지 GIF 이미지 PNG 이미지 기본 이미지(사진) 파일 확장자 jpg 웹용 해상도는 72dpi 인쇄용은 300dpi 로 사용 보통 움짤(움직이는 사진)이나 jpg 보다 용량을 작게 만든 이미지 파일 투명한배경의 이미지 일러스트나, 사진을 사용할때 주로 사용 이미지의 삽입 HTML 문서에 이미지를 삽입할 때는 태그를 사용합니다. 태그는 종료 태그가 없는 빈 태그(empty tag)이며, 이 태그를 사용함으로써 더 화려하고 멋진 .. 2022. 2. 3. [HTML] 이미지 태그 / 이미지주소 <img src="image 주소"> HTML 이미지(Image) 이미지(image)란 2차원 평면 위에 그려진 시각적 요소를 의미합니다. 오늘날 웹 페이지에는 이러한 이미지가 매우 중요한 요소의 하나로 자리 잡고 있습니다. 웹 페이지에서 주로 사용되는 이미지의 종류는 다음과 같습니다. JPG (JPEG) 이미지 GIF 이미지 PNG 이미지 기본 이미지(사진) 파일 확장자 jpg 웹용 해상도는 72dpi 인쇄용은 300dpi 로 사용 보통 움짤(움직이는 사진)이나 jpg 보다 용량을 작게 만든 이미지 파일 투명한배경의 이미지 일러스트나, 사진을 사용할때 주로 사용 이미지의 삽입 HTML 문서에 이미지를 삽입할 때는 태그를 사용합니다. 태그는 종료 태그가 없는 빈 태그(empty tag)이며, 이 태그를 사용함으로써 더 화려하고 멋진 .. 2022. 2. 3. [HTML] 주석 처리 <!-- --> (comment) 주석(Comment) 주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅 (프로그래밍에서 잘못된 부분을 찾아 고치는 것. 버그(bug)는 벌레를 뜻합니다. ) 을 위해 작성한 구문을 의미합니다. 이러한 주석구문은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다. HTML에서 주석을 표현하는 방법은 다음과 같습니다. 문법 HTML 주석의 시작 태그()에는 느낌표가 없습니다. 이러한 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다. 또한, 여러 줄에 걸쳐 주석을 작성해도 정확히 인식할 것입니다. 주석 처리 예문은 아래와 같습니다. HTML 주석 이 부분은 조금 어려운 코드입니다. 위의 예제처럼 HTML 주석처리된 구간은 절대 웹 페이지.. 2022. 1. 24. [HTML] html의 기본 요소 구조 / 태그 요소 (element) 다른것들보다 더 먼저 알아야 할 요소구조인데, 잠시 정리하다가 빼트려 먹어서 5번째 정리로 순서가 밀려났다. (...) html기본 구조라, 잘 기억해두자! HTML 요소 구조 (태그 구조) HTML 요소(element)는 여러 속성을 가질 수 있으며, 이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공합니다. 또한, HTML 요소는 시작 태그로 시작해서 종료 태그로 끝납니다. 속성은 HTML 요소 중에서도 언제나 시작 태그 내에서만 정의되며, 속성 이름과 속성값(value)으로 표현됩니다. 속성 이름은 언제나 소문자로 작성하자! HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 있습니다. 하지만 W3C에서는 속성 이름을 사용할 때 될 수 있으면 소문자로 작성.. 2022. 1. 21. [HTML] 단락태그 _ <p>,<br>,<pre>,<hr> 더보기 ◆ 단락(Paragraph) 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부릅니다. html에서는 태그를 이용하여 이러한 단락을 표현합니다. > 단락태그들을 이용한 예시안 단락을 나타내는 p태그 이렇게 줄을 바꿔도 한줄로 출력된다. 줄바꿈 기능을 하는 태그 p 태그와는 다르게 내가 쓰는 그대로 출력하는 pre태그 공백부터 줄 바 꿈까지 모두 그대로 출력 띄어쓰기와 줄 나누기 HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못합니다. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식하기 때문입니다. 다음 예제는 웹 페이지에 여러 번의 띄어쓰기와 줄 나누기를 표현하기.. 2022. 1. 20. [HTML] 제목코드 - h태그 <h1>~<h6> ◆ H태그 h태그란 제목등에 주로 쓰이는 태그입니다. h태그 종류로 , , , , , 이 있습니다. 태그안의 숫자의 크기가 클수록 사이즈는 작아집니다. ◆ H태그 사용방법 hello world h1 hello world h2 hello world h3 hello world h4 hello world h5 hello world h6 이 제일 큰 제목이며 이 제일 작은제목입니다. html 태그는 처럼 열린 태그()와 닫힌 태그()로 짝을 이룹니다. (주의 : 닫힘 태그를 넣지 않으면 태그의 속성이 지속됨으로 닫힘태그는 필수.) ◆ H태그 결과값 자신이 사용하는 에디터를 열어서 위와 같이 소스를 작성하고 .html파일로 저장후 그 폴더에 가서 더블클릭을 하면 웹브라우저에서 위와 같은 화면.. 2022. 1. 19. 이전 1 다음
