html (17) 썸네일형 리스트형 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일 (.. 05. html 태그_텍스트 - 서식 텍스트 진하게 처리하기(bold) 텍스트를 강조할 때 사용하는 방법 중 1가지 (bold) 텍스트 강조하기 (strong) 텍스트를 강조할 때 사용하는 방법 중 2번째 (strong) 텍스트 기울이기(italic) 텍스트의 특정부분을 기울여서 표현하기 (italic) 텍스트의 특정 부분만 작게 표현하기 텍스트의 특정부분만 작게 표현하고자 할 때 (small) 텍스트의 삭제 표현하기 텍스트에서 삭제된 텍스트를 표현하고자 할 때 사용됨 (del) 텍스트에 추가(삽입)된 표현하기 텍스트에서 추가된 부분을 표시할 때 사용되며, 언더라인(밑줄)이 표시됨(ins) 첨자 표현하기 첨자에는 두가지가 있습니다. 하나는 윗첨자, 다른 하나는 아래첨자(sub). 04. html 태그_Style 페이지 배경색 설정하기 텍스트 색상 설정하기 텍스트 색상을 변경해 보겠습니다. 텍스트 크기 설정하기 텍스트의 크기(size)는 h태그 이외 스타일로 사이즈를 미세하게 조정 가능합니다. 텍스트 정렬하기 단락 내용은 정렬의 의미를 갖지는 않습니다. 02. html 태그 가장 큰 제목 : h1 두번째 큰 제목 : h2 세번째 큰 제목 : h3 네번째 큰 제목 : h4 다섯번째 큰 제목 : h5 여섯번째 큰 제목 : h6 h7은 어떻게 나오지? 첫번째 단락(p태그) 만들기 안녕하세요. HTML 입니다. 오늘은 HTML을 사용합니다. p태그는 문단(단락)을 의미합니다. 두번째 단락 만들기 두번째 단락 입니다. 단락을 추가할 때는 p태그를 사용하면 됩니다. 이전 1 2 3 다음
