Bomb Kirby Running
본문 바로가기

25

CSS 텍스트/배경 1. CSS의 text CSS에서 텍스트를 꾸미는 방법은 아주 다양합니다. letter-spacing: - 텍스트 내에서 글자 사이의 간격을 설정합니다. 예) 안녕하세요. 오늘은 화요일! 안 녕 하 세 요 . 오 늘 은 화 요 일 ! word-spacing: - 텍스트 내에서 단어 사이의 간격을 설정합니다. 예) 안녕하세요. 오늘은 화요일! 안녕하세요. 오늘은 화요일! text-align: (left, right, center, justify) - 텍스트 수평 방향 정렬을 설정합니다. text-decoration: (none, underline, line-throuth, overline) - 텍스트의 효과를 설정하거나 제거하는데 사용합니다. 하이퍼링크 밑줄을 없애거나 리스트의 꾸밈표시를 없앨 수 있습니다.. 2023. 10. 15.
CSS(Cascading Style Sheets) 1. CSS 문법 CSS( Cascading Style Sheets)는 웹 페이지의 디자인과 스타일을 정의하는 스타일 시트 언어입니다. HTML이 웹 페이지의 구조를 정의하는 데 사용되는 반면, CSS는 웹 페이지의 시각적인 표현을 조절하는 데 사용됩니다. ✔ HTML 문서 사이에 요소를 사용하여 적용하는 방법 (3) 외부 스타일 - 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법. 파일 안에는 html 문법은 제외하고 css 언어만 들어가 있어야 한다. ✔ rel 현재 문서와 링크된 문서 사이의 연관 관계를 명시 /* css 파일 예시 ( html 요소인 stlye 태그 없이 작성) */ h2 {font-size: 50px;} ul {list-style: none;} li {.. 2023. 10. 10.
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.