분류 전체보기26 [HTML] 공간분할 - 블록과 인라인 <div>,<span>,<a>,<p> HTML 요소의 타입 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 1. 블록(block) 2. 인라인(inline) 블록(block) 타입의 요소 display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지합니다. p요소는 display 속성값이 블록인 요소입니다. , , , , , 요소는 display 속성값이 블록(block)인 대표적인 요소입니다. 요소 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다. 요소는.. 2022. 2. 15. [HTML] 표 만들기 - <teble>, <th><tr><td> HTML 테이블(Table) 테이블(Table)이란 여러 종류의 데이터(data)를 보기 좋게 정리하여 보여주는 표를 의미합니다. HTML에서는 태그를 사용하여 이러한 테이블을 작성할 수 있습니다. 태그는 다음과 같은 태그들로 구성됩니다. 표를 만들겠다고 선언 표의 제목을 지정 표의 서식지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용 표의 각 부분 (머리글, 본문, 바닥글)을 지정하기위해 사용 표의 헤더 (테이블에서 열을 구분해 줍니다.) 표의 열 (열의 제목을 나타내며, 모든 내용은 자동으로 굵은 글씨에 가운데 정렬이 됩니다._ 표의 행 (테이블의 열을 각각의 셀(cell)로 나누어 줍니다.) 테이블 만들기 참치 고래 날치 상어 문어 꽁치 오징어 고등어 돌고래 3열 : 이 3번 쓰였습니다... 2022. 2. 14. [HTML] 리스트 태그 (list) - <ul><ol><li><dl><dt><dd> HTML 리스트(List) 리스트(list)란 여러 요소들을 일렬로 나열한 목록이나 명단을 의미합니다. HTML에서는 이러한 리스트를 표현하기 위해 다음과 같은 리스트를 제공하고 있습니다. 1. 순서가 없는 리스트(unordered list) 2. 순서가 있는 리스트(ordered list) 3. 정의 리스트(definition list) 순서가 없는 목록 순서가 있는 목록 설명이 있는 목록 순서가 없는 리스트 순서가 없는 리스트는 태그로 시작하며, 여기에 포함되는 각각의 리스트 요소는 태그로 시작합니다. 각각의 리스트 요소 앞에는 기본 마커(marker)로 검정색의 작은 원(bullet)이 위치합니다. 순서가 없는 리스트 사과 멜론 바나나 CSS의 list-style-type 속성을 사용하면.. 2022. 2. 4. [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] 하이퍼링크(hyperlink)와 타겟(target)넣기 HTML 링크(Link) 오늘날 웹 페이지에는 다른 페이지나 다른 사이트로 연결되는 수많은 하이퍼 링크(hyperlink)가 존재하는데요. 이러한 하이퍼 링크를 간단히 링크(link)라고도 부르며, HTML에서는 태그로 표현합니다. (우리가 웹사이트 상에서 클릭하고 이동하는 모든 것들은 이 링크 태그가 있어야만 가능해요!) ◆ 사용방법 HTML 링크 태그의 href 속성은 링크를 클릭하면 연결할 페이지나 사이트의 URL 주소를 명시합니다. 태그는 텍스트나 단락, 이미지 등 다양한 HTML 요소에 사용할 수 있습니다. ◆ 사용예제 a태그로 링크 걸기 이 링크를 클릭해 보세요! * 링크불러올때도 절대경로 / 상대경로에 대한 이해가 필요한데 자세한 설명은 아래의 링크 참고 https://.. 2022. 1. 31. 이전 1 2 3 4 5 다음
