본문 바로가기

웹/HTML5

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. 폼 태그 웹 페이지에서 사용자로부터 입력을 받을 때 사용하는 태그 모음입니다. *사용자가 입력한 데이터를 서버로 보낼 때* form 요소를 사용합니다. 서버에 데이터를 전송하는 방법은 get: url에 데이터를 포함하여 서버로 전달하는 방법 post: body에 데이터를 포함해서 서버로 전달하는 방법(웹 url에 따로 표출되지 않음) 가 있습니다. form 태그 안에 form 요소들을 통해 데이터를 서버로 전달 2. input 태그 태그는 사용자로부터 정보나 데이터를 입력받는 데 사용되는 요소입니다. 주로 텍스트 상자, 체크 박스, 라디오 버튼, 버튼 등의 형태로 나타납니다. 이 태그를 사용하여 웹 페이지에서 다양한 유형의 입력 필드를 생성할 수 있습니다. (1) 일반 속성 maxlength: 값의.. 2023. 10. 8.
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.