- 1. 특수 문자
- 키보드로 직접 입력하여 웹 브라우저로 보여줄 수 없는 문자나 HTML 문서에 예약어로 사용하고 있는 문자를 의미
- HTML 문서를 작성할 때 스페이스를 여러 번 입력하고자 할 때
- 웹 브라우저에서는 공백이 한번만 인식하므로 특수문자 & nbsp; 를 여러 번 기술하여 공백을 생성
- 2. 문서 전체의 텍스트 색상 지정
- <font>…</font> 사이의 텍스트 색상만 지정 가능
- EX.<font color=“blue”>부분만 설정 </font>
- 문서 전체의 텍스트 색상 지정은 <body> 태그의 text 속성 사용
- EX. <body text=“blue”>
- <font>…</font> 사이의 텍스트 색상만 지정 가능
- 3. 인용 문단 <blockquote>, 문서 작성자 <address>
- 다른 곳의 글을 인용할 경우 사용하며, 다른 문장보다 약간 들여 써짐
- 인용 문단은 왼쪽이나 오른쪽에 약간의 여백을 만들어서 다른 문장과 구분
- 홈페이지마다 문서의 한쪽 구석에 제작자의 정보 기입
- 이탤릭체로 표현
- 다른 곳의 글을 인용할 경우 사용하며, 다른 문장보다 약간 들여 써짐
'HTML.CSS.JavaScript'에 해당되는 글 72건
- 2017.04.28 2-2
- 2017.04.28 5. 글자와 목록 관련 태그(2-2)
- 2017.04.28 2-1
- 2017.04.24 4. 글자와 목록 관련 태그(2-1)
- 2017.04.21 1-3
- 2017.04.21 1-3
- 2017.04.21 3. HTML 기본 태그 익히기(1-3)
- 2017.04.18 1-2
- 2017.04.18 1-2
- 2017.04.18 2. HTML 기본태그 익히기(1-2)
HTML.CSS.JavaScript/핵심요약2017. 4. 28. 00:54
HTML.CSS.JavaScript/수업2017. 4. 28. 00:53
특수문자
- 키보드로 직접 입력하여 웹 브라우저로 보여줄 수 없는 문자나 HTML 문서에 예약어로 사용하고 있는 문자를 의미
- HTML 문서를 작성할 때 스페이스를 여러 번 입력하고자 할 때
- 브라우저로 보이는 출력물에는 공백이 한 번만 나타난다.
- 특수문자 를 여러 번 기술하면 원하는 만큼 공백이 생성
< <(less than) <
> >(great than) >
& & &
" " "
공백  
? ® ®
==================================================================================
문서 전체의 텍스트 색상 지정
- <font>태그의 color 속성을 이용하여 <font>...</font> 사이의 텍스트 색상만 지정 가능
- ex) <font color="blue">부분만 설정</font>
- 문서 전체의 텍스트 색상 지정은 <body> 태그의 text 속성 사용
- ex) <body text="blue">
인용 문단과 문서 작성자를 표현하기 위한 태그
- 인용 문단<blockquote>
- 다른 곳을 글을 인용할 경우 사용
- 다른 문장보다 약간 들여 써짐
- 인용문단은 왼쪽이나 오른족에 약간의 여백을 만들어서 다른 문장과 구분
- 문서 작성자<address>
- 홈페이지마다 문서의 한쪽 구석에 제작자의 정보 기입
- 주소나 연락처 기술을 위한 태그
- 이탤릭체로 표현
문서 작성자 삽입.html'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글
| 7. 이미지(3-1) (0) | 2017.05.03 |
|---|---|
| 6. 글자와 목록 관련 태그(2-3) (0) | 2017.04.28 |
| 4. 글자와 목록 관련 태그(2-1) (0) | 2017.04.24 |
| 3. HTML 기본 태그 익히기(1-3) (0) | 2017.04.21 |
| 2. HTML 기본태그 익히기(1-2) (0) | 2017.04.18 |
HTML.CSS.JavaScript/핵심요약2017. 4. 28. 00:37
- 1. 폰트 태그<font>
- 웹 페이지는 대부분 다양한 정보를 글자로 전달
- 글자의 크기, 색상을 다양하게 지정
- 글자의 크기 <font size=“n”>
- 글자의 색상 <font color=“#RGB”>
- 글꼴 <font face=“글꼴”>
- 2. 기본 글자 크기 지정
- <basefont> 현재 HTML 문서의 기본 글자의 크기 지정
- <font> 태그의 size 속성은 지정한 곳에서만 부분 적용
- <basefont> 태그는 문서의 기본 글자 크기 지정
- 3. 글자에 장식 효과를 주는 태그
- 글자의 모양에 다양한 효과를 주기 위핸 태그가 제공
- 진하게, 이태릭, 밑줄, 취소선, 위첨자, 아래첨자 등의 효과 제공
HTML.CSS.JavaScript/수업2017. 4. 24. 20:52
글자 서식 지정하기 위한 <Font>
- 폰트 태그 <font>
- 웹 페이지는 대부분 다양한 정보를 글자로 전달
- 글자의 크기, 색상을 다양하게 지정
- 글자의 크기(size), 색상(color), 글꼴(face)
- 기본 글자 크기 지정
- <basefont> 현재 HTML 문서의 기본 글자의 크기 지정
- <font> 태그의 size 속성은 지정한 곳에서만 부분 적용
- <basefont> 태그는 문서의 기본 글자 크기 지정
=====================================================================================
글자에 장식효과를 주는 태그
진하게 <B>....</B>, <STRONG>...</STRONG> 강조하고자 하는 텍스트를 다른 글자보다 굵게 표현
이태리 체 <I>...</I> 태그 안에 글자를 이태리 체로 표현
밑줄 <U>...</U> 태그 안에 글자를 밑줄 친 글자로 표현
아래 첨자 <SUB>...</SUB> 태그 안에 글자를 아래 첨자로 표현
위 첨자 <SUP>...</SUP> 태그 안에 글자를 위 첨자로 표현
조금 더 크게 <BIG>...</BIG> 태그 안에 글자를 현재 설정된 크기 보다 2 포인트 정도 크게 표현
조금 더 작게 <SMALL>...</SMALL> 태그 안에 글자를 현재 설정된 크기보다 2포인트 정도 작게 표현
취소선 <STRIKE>...</STRIKE> 태그 안에 글자에 삭제 표시 나타냄
타자기 체 <TT>...</TT> 가로 세로 비율이 고정되어 있는 글꼴로 표현
'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글
| 6. 글자와 목록 관련 태그(2-3) (0) | 2017.04.28 |
|---|---|
| 5. 글자와 목록 관련 태그(2-2) (0) | 2017.04.28 |
| 3. HTML 기본 태그 익히기(1-3) (0) | 2017.04.21 |
| 2. HTML 기본태그 익히기(1-2) (0) | 2017.04.18 |
| 1. HTML 소개와 기본 구조(1-1) (0) | 2017.04.18 |
HTML.CSS.JavaScript/핵심요약2017. 4. 21. 00:27
HTML.CSS.JavaScript/문제2017. 4. 21. 00:26
1. 수평선의 음영 효과를 주지 않기 위해서 사용하는 속성은?
4
2. 웹 페이지의 배경색을 지정하기 위해 태그와 속성은?
2
'HTML.CSS.JavaScript > 문제' 카테고리의 다른 글
| 1-2 (0) | 2017.04.18 |
|---|---|
| 1-1 (0) | 2017.04.18 |
HTML.CSS.JavaScript/수업2017. 4. 21. 00:23
단락에 사용하는 태그
- <p> ~ </p> Paragraph의 약어로 단락을 만드는 태그
- 한 줄을 공백으로 만들어 준다.
- <br> 태그를 두 번 사용한 만큼의 간격이 생성
- <p> 태그는 여러 개를 동시에 사용해도 하나만 인식하지만, <br>태그는 여러 번 기술하면 기술한 횟수 만큼 빈 줄이 생성
- <p align="정렬방식">텍스트</p>
- align 속성을 사용하여 해당 단락에 정렬 방식을 지정
- left, right, center 각각 왼쪽, 오른쪽, 가운데 정렬 방식을 나타낸다.
수평선을 사용하여 단락을 구분하는 태그(<hr>)
수평선 태그
- <hr> horizontal ruler의 약어로 수평선을 그려준다.
- 자동 줄 바꿈
- 문단을 구분하는 용도로도 사용
- <hr> 태그 속성
속성 |
내용 |
width |
수평선의 길이 지정, 브라우저의 너비에 대한 비율이나 픽셀 수로 나타낸다. |
size |
수평선의 두께 지정, 픽셀수로 지정해 나타낼 수 있다. |
align |
수평선의 정렬 방법 설정 |
noshade |
수평선의 음영효과를 주지 않는다. 그림자 없는 평면 느낌의 수평선 |
color |
수평선의 색상을 지정 |
==============================================================================================
페이지 배경색 지정
배경색 지정(bgcolor)
- <body>태그와 </body> 태그 사이에 내용 기술하기 때문에 속성을 지정하여 문서 전체에 효과 적용
- body태그에 사용되는 속성
- Background="이미지 파일명"
- Text="#RGB"문자색의 지정
- link="#RGB"링크색의 지정
- vlink="#RGB"방문한 것이 있는 링크의 색 지정
- alink="#RGB"링크를 클릭했을 때의 색 지정
<center>텍스트, 이미지, 테이블 등 모두를 가운데 정렬 시킬 때 사용
'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글
| 5. 글자와 목록 관련 태그(2-2) (0) | 2017.04.28 |
|---|---|
| 4. 글자와 목록 관련 태그(2-1) (0) | 2017.04.24 |
| 2. HTML 기본태그 익히기(1-2) (0) | 2017.04.18 |
| 1. HTML 소개와 기본 구조(1-1) (0) | 2017.04.18 |
| 0. 인터넷 프로그래밍을 배우는 목표 설정 (0) | 2017.04.18 |
HTML.CSS.JavaScript/핵심요약2017. 4. 18. 20:24
- 1. 주석 태그 <!–- 내용 -->
- 웹 브라우저에서는 인식하지 않는다.
- 2. 문서의 제목을 위해 사용되는 태그 <Hn>
- Headline 의 약어로 문서의 제목을 위해 사용된다.
- 글자의 크기는 1~6까지 이며 숫자가 작을 수록 제목의 크기는 커진다.
- 3. 줄 바꿈 태그 <br>
- line break를 의미하며, 강제로 줄 바꿈을 할 때 또는 빈 줄 삽입할 때 사용
- 4. 입력한 대로 보여주는 태그 <pre>
- 탭이나 엔터, 연속된 공백 등을 여러 번 사용해도 웹 브라우저에서는 하나의 공백으로 인식한다.
- HTML에서 작성한 문장 형태가 그대로 나타날 수 있도록 하는 태그
HTML.CSS.JavaScript/문제2017. 4. 18. 20:23
1. 주석을 처리하기 위한 태그로 바르게 기술된 것은?
2
- 주석을 처리하기 위한 태그는 <!-- 내용 -->이다.
2. <H1> 태그에 대해 설명이다. 바르게 설명한 것은?
4
- <Hn> 태그는 1~6까지 글자의 크기를 표시할 수 있으며, 정수가 클 수록 글자는 작아진다.
3. 사용자가 입력한 대로 보여주기 위해 사용하는 태그를 쓰시오.
4
- 1번 문단 구분, 2번 줄 바꿈, 3번 문서의 제목 표현
'HTML.CSS.JavaScript > 문제' 카테고리의 다른 글
| 1-3 (0) | 2017.04.21 |
|---|---|
| 1-1 (0) | 2017.04.18 |
HTML.CSS.JavaScript/수업2017. 4. 18. 20:21
소스 내에 주석 삽입하는 방법
주석이란
- 주석은 HTML 문서에 기술된 내용에 대해 HTML 작성한 사람에게 알리는 설명
- 웹 브라우저에서는 인식하지 않는다.
- 주석 태그로 둘러싼 부분 전체가 브라우저에 출력되지 않는다.
- 주석 태그 "<!--"로 시작되어 "-->" 로 종료
- "<!--" 을 기술할 때 문자 사이에 공백이 있어서는 안된다.
=====================================================================================
제목의 글자의 크기를 변경하는 태그
제목태그
- Headline의 약어, 문서의 제목을 위해 사용
- 제목의 크기는 1~6 까지 사용 가능
- 숫자가 작을 수록 제목의 크기는 크다
- <Hn> 여기서 n은 1에서 6까지의 정수를 의미
* (<H1> ~ <H6>)
=====================================================================================
줄 바꿈에 사용하는 태그
줄 바꿈 태그 <br>
- line break를 의미
- 강제적으로 줄 바꿈을 할 때 또는 빈 줄을 삽입할 경우 사용
- 메모장에서 줄 바꿈 태그 없이 엔터를 쳐서 줄 바꿈 했을 경우 웹 브라우저에서는 엔터를 무시한다.
- 웹 브라우저를 통해 보이는 문장들이 줄이 바뀌도록 하기 위해서는 줄 바꿈 태그를 사용해야 한다.
입력한 대로 보여주는 태그
입력한 대로 보여주기
- Tab이나 Enter, 연속된 공백(Space)등을 여러 번 사용해도 웹 브라우저에서는 하나의 공백으로 인식하여 나타낸다.
- 메모장에서 작성한 문장 형태 그대로 웹 브라우저에 나타내기 위해서 <pre> 태그를 사용한다.
- <pre> ~ </pre> 태그 안에서는 다른 태그를 사용하지 않아야 한다.
'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글
| 5. 글자와 목록 관련 태그(2-2) (0) | 2017.04.28 |
|---|---|
| 4. 글자와 목록 관련 태그(2-1) (0) | 2017.04.24 |
| 3. HTML 기본 태그 익히기(1-3) (0) | 2017.04.21 |
| 1. HTML 소개와 기본 구조(1-1) (0) | 2017.04.18 |
| 0. 인터넷 프로그래밍을 배우는 목표 설정 (0) | 2017.04.18 |
