본문 바로가기

HTML4

HTML(span, div, Semantic 태그) 1. HTML의 디스플레이 (1) inline - content의 크기 만큼만 자리를 차지하는 요소들 예를 들어 텍스트(text), img, span ... 등으로 텍스트의 특징을 가지고 있습니다. (2) block - 라인을 모두 차지하는 요소들 예를 들어 p, h, ul, li, div ... 등으로 면의 특징을 가지고 있습니다. 2. span 태그 요소는 인라인(inline) 요소 중 하나로, 주로 텍스트나 다른 인라인 요소들을 그룹화하거나 스타일을 적용하기 위해 사용됩니다. 요소는 자체적으로 눈에 보이는 어떤 시각적 변경도 가지지 않으며, 그 주된 역할은 스타일링이나 스크립트에서 특정 부분을 선택하거나 다루는 것입니다. 요약하면, 요소는 HTML에서 특정 부분을 그룹화하고 스타일을 적용하기 위해 .. 2023. 10. 10.
HTML (테이블 태그) 1. 테이블 태그 - 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성해주는 태그입니다. - 로 시작하고 로 끝냅니다. - 로 행을 생성, 로 셀을 생성합니다. - 은 일반적으로 셀의 제목을 쓸때 사용합니다. 제목을 가운데 정렬, 굵은 글씨가 기본으로 설정되어있습니다. - colspan 속성 : 셀을 가로로 합침 - rowspan 속성 : 셀을 세로로 합침 첫번째 셀두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 첫번째 셀 두번째 셀 세번째 셀 네번째 셀 다섯번째 셀 여섯번째 셀 첫번째+ 두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 첫번째+ 두번째 셀 세번째 셀 네번째 셀 다섯번째 셀 여섯번째 셀 첫번째 셀두번째 셀 세번째 + 다섯번째 셀네번째 셀 여섯번째 셀 첫번째 셀 두번째 .. 2023. 10. 8.
HTML(이미지 태그,하이퍼링크) ***속성이란? 태그를 보완하는 역할로 일반적으로 속성 이름과 벨류(값)로 되어있습니다. 클릭하세요 a 태그 안에 href라는 속성 이름(하이퍼링크) = "https://www.example.com" 라는 속성 값(링크가 이동할 URL주소)이 있습니다. 이어서 alt 라는 속성 키( 이미지의 대체 텍스트(Alternative Text)를 제공) 와 = "예시 웹사이트"(실제 띄울 값)라는 값이 있는걸 볼 수 있습니다. 1. 기본 코드 화면 DOCTYPE html> Document vs code에서 .html파일을 생성하고 !를 입력하면 기본 코드가 생성됩니다. : 선언문입니다. 해당 HTML언어가 HTML 5임을 나타냅니다. : 리더기의 언어를 설정합니다. (en: 영어, ko: 한국어) : 언어셋을 설.. 2023. 10. 8.
HTML 웹 살펴보기 HTML 언어란? HTML(Hyper Text Markup Language)는 웹 페이지를 만들기 위한 표준 마크업 언어입니다. Hyper Text 란 웹 페이지에서 다른 페이지로 이동할 수 있는 문장으로 HTML은 해당 기능을 가진 문서를 만드는 언어입니다. HTML을 사용하여 웹 페이지의 구조와 내용을 정의하며, 웹 브라우저가 이해하고 표시할 수 있는 형식으로 정보를 구성합니다. HTML은 웹 개발의 기초이며, 웹 페이지를 작성하고 디자인하는 데 필수적인 언어입니다. 웹 페이지의 구조와 내용을 정의하고 웹 브라우저에 어떻게 표시되어야 하는지 지시하는 역할을 합니다. 그 외 브라우저 언어에는 디자인을 담당하는 CSS와 동적인 요소를 구현하는 JavaScript가 있습니다. 문서를 작성할 수 있는 에디터.. 2023. 9. 25.