본문 바로가기

분류 전체보기

 (65)
13. html 태그_Table 정의하기 DOCTYPE html> ::: 13_HTML_태그소개_Table정의하기 ::: table, td{ /* border : 테두리 라인 설정 */ border: 1px solid black; /* collapse : 두줄 라인을 한줄로 스타일 적용하기 */ border-collapse: collapse; } /* td에 대해서만 스타일 적용하기 */ td, th{ padding : 15px; /* 테두리 안쪽 여백 주기 : 15px로 */ text-align : center; /* 텍스트 중앙 정렬하기 */ } 회원 정보 목록 게시물 아이디 이름 패스워드 a001 홍길동 pwaoo1 b001 홍길동 pwaoo1 c001 홍길동 pwaoo1 b001 홍길동 c001 pwaoo1 c001 아이디 이름 패스워드..
12. html 태그_a링크 스타일 적용 DOCTYPE html> ::: 12_HTML_태그소개_a링크스타일적용 ::: a:link { color:green; background-color:transparent; text-decoration:none; } a:visited { color:pink; background-color:transparent; text-decoration:none; } a:hover { color:red; background-color:transparent; text-decoration:underline; } a:active { color:yellow; background-color:transparent; text-decoration:underline; } tip 찾아가기 a링크 태그에 스타일 적용해보기 Daum | Na..
11. html 태그_스타일 적용 (id-class) DOCTYPE html> ::: 11_HTML_태그소개_스타일적용_id-class ::: #p01 { color : red ; } .p02 { color : blue; } id를 이용하여 스타일 지정하기 같은 이름의 태그 중에 특정 태그만 별도로 스타일을 달리 할때.. 특정 태그를 찾기 위한 방법 중에 id 속성을 이용하는 방식이 있음 웹크롤링 할 때 특정 태그의 텍스트 내용 검색할 때 사용되기에 중요함 아이디가 지정되지 않은 p태그 영역 id와 동일하게 특정 태그들을 지정할 때 사용 (같은 이름으로 여러개 지정 가능) 여기도 클래스 적용됨..
10. html 태그_스타일 적용 예시 DOCTYPE html> ::: 10_HTML_태그소개_스타일적용예시 ::: h3 { color : red; font-size : 300%; font-family : verdana; } p { color : blue; font-size : 160%; font-family : courier; border : 1px solid red; padding : 20px; margin : 100px; } 텍스트 스타일 적용하기 텍스트 폰트 색상, 글꼴, 사이즈를 스타일로 적용해보기
09. html 태그_스타일 지정 방식(.css 활용) 09_HTML_태구소개_스타일지정방식.html DOCTYPE html> ::: 09_HTML_태구소개_스타일지정방식 ::: 인라인 방식의 스타일 적용하기 HTML 태그에 속성으로 적용하는 방식 내부 방식의 스타일 적용하기 head 태그 영역에 style 태그를 이용하여 적용하는 방식 - 내부 방식의 경우 스타일을 지정할 특정 태그를 지정해야 합니다.
08. html 태그_스타일 지정 방식 DOCTYPE html> ::: 08_HTML_태그소개_스타일지정방식 ::: body {background-color : lightgrey;} h3 {color:red} p {color:green;} 인라인 방식의 스타일 적용하기 내부 방식의 스타일 적용하기 head 태그 영역에 style 태그를 이용하여 적용하는 방식 - 내부 방식의 경우 스타일을 지정할 특정 태그를 지정해야 합니다.
07. html 태그_색상지정방식 DOCTYPE html> ::: 07_HTML_태그소개_색상지정방식 ::: 색상지정방식 1 - 색상 [이름]을 이용하는 방식 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 색상지정방식 2 - 색상 [RGB]값을 이용하는 방식 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 색상지정방식 3 - 색상 [16진수]값을 이용하는 방식 이곳은 내용입니다. 색상이 지정됩니다. 이곳은 내용입니다. 색상이 지정됩니다. 이곳은..
06. html 태그_블록쿼터, abbr, address, 이미지 캡션 쌍따옴표 넣기 HTML 태그 중에 문장 중에 특정부분의 영역을 쌍따옴표(q태그를 사용합니다.)로 처리할 수 있습니다. 블록쿼터 영역 만들기 블록쿼터란 특정 영역을 블록처럼 별도로 표현하고자 할때 사용합니다. 이곳은 블록으로 별도 지정된 영역입니다. 잘 나오는지 확인합니다. 단축영단어의 풀네임을 표시할 때 abbr 사용 단축영단어 WHO라는 단어의 Full Name을 보여주기보다는 WHO 단어를 abbr 태그로 감싸서 설명을 달아줍니다. 밑줄로 표시됨( WHO) 저자소개와 같은 정보를 특수하게 표시할 때 address 사용 임의의 문장을 누군가가 작성을 했다고 가정할 때... 이 정보는 누가, 언제, 어디에서..등등과 같은 정보를 표현할때 사용됨 * 작성자 : 홍길동 * 작성일 : 2023년 3월 2일 (..

티스토리툴바