코딩하는 Fug

element: 웹페이지를 구성하는 요소 보통 시작 태그와 끝 태그가 있음 ex) 두 쌍으로 표현하지 않는 태그 ex) : 줄 바꿈 는 empty element 이라고 함 요소의 분류 1. 블록레벨 요소 1.예시 ex) h1 h2 ... h6 ol ul li 2.특징 1. 줄 바꿈이 되어 새 줄에서 시작한다. 2. 너비와 높이를 정할 수도 있다. 2. 인라인 요소 1.예시 ex) a br img table i strong 2. 특징 1. 줄 바꿈이 되지 않고 요소의 내용 만큼만 공간을 차지한다. 2. 너비와 높이를 정할 수 없다. display 1. 효과 화면에 요소를 표시하는 방식을 바꿔준다. ex) none, block inline inline-block div 1. 효과 해당 부분을 블록 레벨로 하..

body에는 그냥 적어도 페이지에 그대로 나온다. 선택적으로 문장에 있는 요소만 설정을 바꾸고 싶다면 span 태그를 이용한다 span 태그를 이용한 뒤 그 span을 인라인 , 내부 , 외부 스타일 시트 등을 이용하여 설정하면 끝 테이블 테이블에는 3가지 요소가 있다. 1.: table row 테이블의 행을 담당하는 친구 세로로 쭉 2.: table header 테이블의 대상 ( 이름 나이 ) 같은 걸 적는 곳 3.: table data 대상의 데이터를 적는 곳 그래서 테이블 자체를 html에서 구현하려면 대상~~ 데이터~~ 이런식으로 적으면 th와 td의 합의 개수의 열과 tr의 합의 개수의 행을 가진 테이블을 만들 수 있다. 테이블에 줄을 긋고 싶을때 border 태그를 사용한다. tistory 설..

들여쓰기 text-indent: ~ 뒷 배경 색 바꾸기: background-color : ~ 뒷 배경 이미지 설정: background-image: url(이미지 주소); 근데 이렇게 되면 사진이 반복됨: background-repeat : no-repeat; 배경 이미지가 원본 그대로 되어 꽉차지 않거나 넘어버림: background-size : cover; 외부스타일 시트 css를 html에 넣는 방법에는 세가지가 있다 1. 인라인 방식 이 방식은 태그 내에 직접 넣는 방법으로 써 이런 식으로 사용된다. 2. 내부스타일 시트 이 방식은 따로 head에 분리해 놓은 style태그 안에 적용하고 싶은 태그/클래스/아이디 를 지정 ( 태그면 그냥 그 태그{속성명:속성값}/클래스면 .클래스명 {속성명:속성..

style 태그 태그를 이용해서 안에 css 내용을 넣을 수 있다. 선택자 많은 선택자들이 있지만 지금은 주요 선택자만 배웠다. 1. 태그 선택자 태그 자체에 설정을 바꾸는 선택자로 예를들면 이렇게 됐을때 p 태그만 전부 적용 받게 된다 2. 아이디 선택자 내가 설정한 아이디의 설정을 바꾸는 선택자로 예를 들면 ... ~~ ... 이렇게 하면 아이디 p 를 가진 태그에 있는 정보를 설정 변경한다 글자 크기가 100px가 되는 것이다 3. 클래스 선택자 클래스를 설정하고 거기에 설정을 바꾸는 선택자 ... ... ... 이렇게 하면 클래스 cen을 가진 정보를 설정 변경한다. 글자 크기 10px로 html에 css로 디자인을 입히는 방법 1. 인라인 예를 들면 를 한다고 쳤을때 p 자체 안에 하고 싶은 것..

본문 내용을 적는 선언문 style 뒤에 스타일을 선언하여 글자 내용을 그 스타일대로 바꾼다 @style="font-size:10px;" 글자 크기를 10px로 @style="color:red" or "color:#FF0000 or "color:rgb(255,0,0)" 셋다 빨강, 색깔을 나타내는건 세가지로 표현할 수 있다. @style="font-family:Arial Helvetica Times courier... 글꼴 변경 @style="font-weight: 글자 크기" 글자 크기 설정 @style="font-style: italic" 기울임 설정 @style="text-decoration" 밑줄 윗줄 등등 설정

html 이 시작할 때는 로 시작 html 이 어떤 버전인지 알려주는 선언문 그 다음 중간 이건 중간에 내용을 넣는데 html로 시작하겠다는 선언문 그 안에 는 서론을 나타내는 선언문 그 안의 UTF-8은 한글을 인식하게 해주는 선언문 안의 은 웹페이지의 제목을 나타내는 선언문 이 페이지의 본문