HTML & CSS

생활코딩과 TCP SCHOOL으로 공부하며 정리한 내용입니다http://tcpschool.com/html/introhttps://opentutorials.org/course/3084모든 태그는 velog 화면 출력 문제로 < 과 첫 글자 그리고

http://tcpschool.com/html/introTCP SCHOOL으로 공부하며 정리한 내용입니다< 태그이름 style="속성이름:속성값" >HTML 요소의 style 속성(attribute)을 이용하면 CSS 스타일을 HTML 요소에 직접 설정

< ul > ~ < /ul > : 순서가 없는 리스트< li > ~ < /li > : ul태그 안의 각각의 리스트 요소. 각각의 리스트 요소 앞에는 기본 마커(marker)로 검정색의 작은 원(bullet)위치CSS의 list-style-type

- 블록과 인라인 iframe 요소 레이아웃 1. 블록과 인라인 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가지는데 이 display 속성값은 다음 두 가지 중 하나이다. 블록(block) 인라인(inline)

< form action="처리할페이지주소" method="get|post" >< /form >form 요소를 통해 웹페이지는 사용자로부터 입력을 받을 수 있음사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소 사용action 속성 : 입력받은 데이터

input 요소의 입력 필드(input field)에 나타나는 초깃값을 설정사용자가 입력 필드를 볼 수는 있으나, 수정할 수는 없도록 설정disabled 속성과 다른 점은 전송 버튼(submit)을 누르면 초깃값이 서버로 전송된다는 점사용자가 입력 필드를 아예 사용할

Cascading Style Sheets HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어HTML 요소 내부에 style 속성을 사용해당 요소에만 적용 가능HTML 문서의 < head >태그 내에 < style >태그

Cascading Style Sheets CSS는 웹 페이지의 스타일을 별도의 파일로 저장할 수 있게 해주므로 사이트의 전체 스타일을 손쉽게 제어할 수 있음 웹 사이트의 스타일을 일관성 있게 유지할 수 있게 해주며, 그에 따른 유지 보수 또한 쉬워짐 외부 스타일 시트는

css에서 색을 표현하는 방법은 3가지가 있고 이는 html에서 색을 표현하는 방법과 같다. 차이점은 html에서는이렇게 요소 안에서 속성을 불러왔다면, css에서는이렇게 해당 요소에서 선택자를 선언하고 head태그의 style태그 안에서 선택자를 불러오고 거기서 속성

기본크기 100%, 이에 대한 상대적인 크기 설정해당 글꼴(font)의 기본 크기 1em, 이에 대한 상대적인 크기 설정스크린의 픽셀(pixel)을 기준으로 하는 절대적인 크기를 설정1배 = 1em = 100%높이, 기본 설정값은 auto너비, 기본 설정값은 auto해

HTML 문서 내부의 모든 요소를 선택이름만 불러오면 됨id값은 \`class값은 .으로 불러옴div p {스타일;}이렇게 태그 2개를 띄어쓰기 하고 그냥 쓰면 됨. 쓴 태그를 모두 선택하는 것div 내부만 선택되고 외부는 선택되지 않음div > p {스타일;}하위 요

선택하고자 하는 HTML 요소의 특별한 '상태(state)'를 명시할 때 사용 선택자:의사클래스이름 {속성: 속성값;} 선택자.클래스이름:의사클래스이름 {속성: 속성값;} 선택자#아이디이름:의사클래스이름 {속성: 속성값;} 1. 동적 의사 클래스(dynamic pse

CSS 선택자를 확인해볼 수 있는 재밌는 게임! 단계는 Level 1 ~ 32까지 있으며 선택자가 시각적으로 바로 보이기 때문에 재미있고 이해가 잘 되는 것 같음! https://flukeout.github.io/ 1. A | Type Selector plate 태

CSS 선택자를 확인해볼 수 있는 재밌는 게임!단계는 Level 1 ~ 32까지 있으며 선택자가 시각적으로 바로 확인할 수 있기 때문에 재밌고 이해가 잘 되는 것 같음!https://flukeout.github.io/마지막 요소만 선택하는 것위 예시에서 그냥

디스플레이 1. 블록과 인라인 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가지는데 이 display 속성값은 다음 두 가지 중 하나이다. 블록(block) 인라인(inline) 블록 (block) 타입의 요소

정의 : '의미론적인 웹'이라는 뜻으로 컴퓨터가 이해할 수 있는 형태로 제작된 웹웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발

HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가지는데 이 display 속성값은 다음 두 가지 중 하나이다.블록(block)인라인(inline)display 속성값이 블록(block)인 요소는 언제나 새로운 라인(l