본문 바로가기
♠ 컴퓨터방/Photoshop

12일html

by 미스커피 2011. 7. 12.

원본

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body>

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body>

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<H6>h6</6>

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>

 

 

 

 

 

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body bgcolor="#ffff00" text="#000000"
background="img/my pictures/maintop01_illil.jpg">따옴표넣어라  순서-폴더이름-파일-img등

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body text="#000000" background="../../img 2/img12.jpg"> 한번할때마다 ../시한다

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body text="#000000" background=http://static.naver.com/www/u/2010/0611/nmms_215646753.gif>-주소넣는다

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body>

* h (header) 제목
기본 속성 : 크기, 강조, 문단
선택 속성 : 수평 정렬

<h1 align=center>h1</h1>
<h2 align=right>h2</h2>
<h3 align=left>h3</h3>
<h4 align=center>h4</h4>
<h5 align=right>h5</h5>
<H6 align=left>h6</6>

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

 

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body>

<pre>
문단 태그 이용법
크기+강조+문단+정렬=H태그
문단=p(+정렬),pre,br
</pre>

<p align=left>p태그를 이용한 왼쪽정렬</p>
<p align=centeer>p태그를 이용한 가운데정렬</p>
<p align=right>태그를 이용한 오른쪽정렬</p>

* h (header) 제목
기본 속성 : 크기, 강조, 문단
선택 속성 : 수평 정렬

<h1 align=center>h1</h1>
<h2 align=right>h2</h2>
<h3 align=left>h3</h3>
<h4 align=center>h4</h4>
<h5 align=right>h5</h5>
<H6 align=left>h6</6>

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등

<p>자주 사용하는 헥사코드 목록</p>
<p>1. #ff0000 빨강</p>
<p>2. #00ff00 초록</p>
<p>3. #0000ff 파랑</p>
4. #ffff00 흰색<br>
5. #000000 검정<br>
6. #ffff00 노랑<br>

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body>

<pre>

<font size=1>폰트1</font>
<font size=2>폰트2</font>
<font size=3>폰트3</font>
<font size=4>폰트4</font>
<font size=5>폰트5</font>
<font size=6>폰트6</font>
<font size=7>폰트7</font>

 


문단 태그 이용법
크기+강조+문단+정렬=H태그
문단=p(+정렬),pre,br
</pre>

<p align=left>p태그를 이용한 왼쪽정렬</p>
<p align=centeer>p태그를 이용한 가운데정렬</p>
<p align=right>태그를 이용한 오른쪽정렬</p>

* h (header) 제목
기본 속성 : 크기, 강조, 문단
선택 속성 : 수평 정렬

<h1 align=center>h1</h1>
<h2 align=right>h2</h2>
<h3 align=left>h3</h3>
<h4 align=center>h4</h4>
<h5 align=right>h5</h5>
<H6 align=left>h6</6>

속성 값에 따른 따옴표 사용법
0-> 공백, 특수문자 (#, %, -) 등
x-> 한글, 영문 ,숫자 -등

<p>자주 사용하는 헥사코드 목록</p>
<p>1. #ff0000 빨강</p>
<p>2. #00ff00 초록</p>
<p>3. #0000ff 파랑</p>
4. #ffff00 흰색<br>
5. #000000 검정<br>
6. #ffff00 노랑<br>

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

폰트1
폰트2
폰트3
폰트4
폰트5
폰트6
폰트7

 

 

 

<html>
<head>
<title>7월12일-html-1</title>
</title>
</head>
<body bgcolor=#ffffff>
자주 사용하는 헥사코드 목록
1. #ff0000 빨강
2. #00ff00 초록
3. #0000ff 파랑
4. #ffff00 흰색
5. #000000 검정

메모장 편집 후 저장 : Ctrl+s
웹브라우저 미리보기 : F5

</body>
</html>

 

 

폰트1
폰트2
폰트3
폰트4
폰트5
폰트6
폰트7




문단 태그 이용법
크기+강조+문단+정렬=H태그
문단=p(+정렬),pre,br

p태그를 이용한 왼쪽정렬

p태그를 이용한 가운데정렬

태그를 이용한 오른쪽정렬

* h (header) 제목 기본 속성 : 크기, 강조, 문단 선택 속성 : 수평 정렬

h1

h2

h3

h4

h5
h6 속성 값에 따른 따옴표 사용법 0-> 공백, 특수문자 (#, %, -) 등 x-> 한글, 영문 ,숫자 -등

자주 사용하는 헥사코드 목록

1. #ff0000 빨강

2. #00ff00 초록

3. #0000ff 파랑

4. #ffff00 흰색
5. #000000 검정
6. #ffff00 노랑
메모장 편집 후 저장 : Ctrl+s 웹브라우저 미리보기 : F5



 

 

 

 

 

 

 

 

 

 

 

'♠ 컴퓨터방 > Photoshop' 카테고리의 다른 글

13일연습용  (0) 2011.07.13
헥사코드  (0) 2011.07.13
메뉴 설명서  (0) 2011.07.12
클리핑마스크  (0) 2011.07.11
포토샵테크닉 모음  (0) 2011.07.11