FrontEnd 14

#36. CSS(텍스트, 목록, 영역, 테두리, 배경, 레이아웃 관련 스타일)

1. 텍스트관련 스타일 텍스트를 이쁘게 이쁘게 [ 표현법 ] 선택자 { color : 값; } text-decoration : 텍스트에 줄을 긋거나 지울 때 사용 [ 표현법 ] 선택자 { text-decoration : none / underline / overline / line-through; } underline : 텍스트 아래에 선 긋기 overline : 텍스트 위에 선 긋기 line-through : 텍스트 중간에 선 긋기 네이버로~ : 밑줄 없애기 text-align : 텍스트를 정렬할 때 사용 [ 표현법 ] 선택자 { text-align : left / right / center / justify(양쪽정렬); } 품었기 구할 무엇이 못할 구하기 듣기만 군영과 있다. 역사를 품에 인류의 지혜..

FrontEnd/CSS 2023.08.22

#35. HTML(영역관련태그, 하이퍼링크관련태그), CSS(기본선택자, 기타선택자, 선택자우선순위, 글꼴관련스타일)

HTML 1. 영역관련태그 영역 관련 태그 div요소와 span요소의 차이점! div요소 : 블럭요소로 영역을 지정할 수 있는 태그(한 줄 차지) 첫 번째 영역두 번째 영역세 번째 영역 span요소 : 인라인요소로 영역을 지정할 수 있는 태그(content영역만큼만 차지) 첫 번째 영역두 번째 영역 늘어나버리면?? 그만큼 늘어남세 번째 영역 div와 span의 영역 지정 방식 가을 가슴속에 마리아 보고, 없이 있습니다. 다 강아지, 소학교 북간도에 나의 계십니다. 이네들은 아스라히 어머니 위에 이름을 그리워 자랑처럼 지나가는 까닭입니다. 오면 가을로 다 지나가는 가을 계절이 다하지 있습니다. 속의 하나에 헤일 계십니다. 말 나는 동경과 봅니다. 덮어 별 오는 까닭입니다. 하나에 토끼, 아스라히 봅니다. ..

FrontEnd/HTML 2023.08.21

#34. HTML(VS Code) 이미지, 멀티미디어, 입력양식, 폼 태그

34-1. 이미지 및 멀티미디어 1) 이미지 * alt - 사진의 경로가 존재하지 않는 경로거나 이미지를 제대로 표현할 수 없는 경우 대체 텍스트 - 시각장애인들을 위한 스크린리더(화면낭독기)에서 이미지를 읽어주는 설명문구 웹 접근성 => 사용자의 신체적 특징이나, 지역, 나이, 지식수준 등을 고려하여 가능한 많은 사용자가 불편함없이 이용할 수 있도록 서비스를 만들어서 제공하는 것 이미지의 가로, 세로길이 조정가능 고정길이(px), 가변길이(%)로 지정이 가능하다. 고정길이단위(px) == 기본값 : 화면 사이즈가 조정되더라도 이미지 크기가 변동 X 가변길이단위(%) : 화면사이즈 혹은 부모요소***의 사이즈에 따라 이미지의 크기도 같이 변동 2) 오디오 3) 비디오 34-2. 입력양식 및 폼 태그 관련..

FrontEnd/HTML 2023.08.18

#32. HTML(Visual Studio Code) 글자관련태그, 목록관련태그, 표관련태그

#기본 port번호 Client - ip주소+port번호(http: web 80/ https(보안) : web 443) - html - Server #확장 다운로드 korean : 한국어 패치 Auto Rename Tag : 여는 태그 닫는태그 자동완성 Live Server : 웹브라우저 즉시 적용 #HTML 기본 구조 : HTML문서 형식 선언 : 시작과 끝을 나타내주는 태그. 부모요소가됨 : 닫는태그 : 화면에 출력해서 보여주는 정보, 내용물을 작성하는 태그 우왕HTML우와아앙 : content 제목태그 : 빈태그 나는 버튼이야 : 버튼 32-1. 글자관련태그 일반 글꼴(태그로 감싸지 않은 Data) b : 글자를 굵게 표시하는 태그 strong : 글자를 굵게 표시하는 태그 em : 글자를 기울여서..

FrontEnd/HTML 2023.08.16