AI와 데이터 사이언스의 이론과 실전

1. HTML의 디스플레이 1.1. inline - content의 크기만큼만 자리를 차지하는 요소 - 텍스트, img, span - 텍스트의 특징을 가지고 있음 1.1.1. span 태그 - inline 특징을 가지고 있음 - 글자 단위로 영역이 설정 - css를 입히기 위한 역할 1.2. block - 라인을 모두 차지하는 요소 - p,h,ul,li,div - 면의 특징을 가지고 있어서 글자취급이 아니라 면적취급당함 1.2.1. div 태그 - block 특징을 가지고 있음 - 면 단위로 영역이 설정 디스플레이 1. span 태그 영역입니다 2. div 태그 영역 HTML 삽입 미리보기할 수 없는 소스 2. 시멘틱 태그 시멘틱 태그는 HTML 요소 중 웹 페이지의 내용을 의미론적으로 구조화하는 태그들..

1. 테이블(table) 태그 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성 웹 접근성에 문제가 생김(리더기가 읽을때 어려움) 최근에는 눈에 보이지않는 블록태그로 css로 만들어서 기존 테이블 태그를 대체 내용 실제 table안의 칸 만들기 로 행 생성 로 셀을 생성 은 셀 제목, 제목을 가운데 정렬, 굵은 글씨 셀1 셀2 셀3 1.1. colspan 속성 - 셀을 가로로 합침 테이블 1 첫번째 셀 첫번째 셀 1행1열 1행2열 2행1열 2행2열 3행1열 3행2열 1행1열 2행1열 2행2열 3행1열 3행2열 1행1열 1행2열 2행1열 2행2열 3행2열

1. 속성이란? HTML 속성은 HTML 요소에 추가 정보를 제공하는 것으로 태그 안쪽에 작성하는 것들입니다. 요소의 동작을 제어하거나 스타일을 지정하는 등 태그를 보완하는 역할을 합니다. 예를 들어, "src" 속성은 이미지나 다른 미디어의 경로를 지정하고, "class" 속성은 스타일을 적용하거나 JavaScript에서 요소를 선택하는 데 사용됩니다. 속성은 요소의 시작 태그 내에 이름과 값으로 정의됩니다. 2. HTML5 버전 설정 HTML은 맨 처음에 선언문을 통하여 버전이 달라집니다. 은 HTML5의 문서 형식 선언입니다. HTML5는 이전 버전의 HTML과 달리 이러한 문서 형식 선언만으로 충분하며, 다른 버전에 비해 훨씬 단순하게 사용됩니다. 이전 HTML 버전(예: HTML 4.01)에서는..

오늘은 HTML의 기초적인 태그에 대해서 알아보겠습니다. 1. 태그의 대분류 기본적으로 태그는 블록 태그와 인라인 태그로 나눌 수 있습니다. 블록태그 = 한 라인을 다 차지하는 태그 인라인태그 = 자기 크기만큼만 차지하는 태그 2. 문단 태그 ~ 문단을 나타내는 태그 블록 태그 , p 태그 라고 부름 1. 문단태그 문단을 만드는 태그 엔터어쩌구 안쳐도 문단을 만들어 문단끼리 엔터로 구분됨 p태그를 쓰면 그 줄 전체를 차지함 블록 태그를 쓰면 이전의 p태그가 한줄을 다 차지하고 있어서 엔터한것처럼 보임 블록 태그는 당연히 글자수만큼만 사용함으로 엔터처럼 보이지 않음 문단태그는 블록태그 중 하나라고 생각하면 됨 p태그의 주황색 여백은 마진이라고 부름