UL : 순서없는 List

<UL></UL>

과목

  • 가요
  • 댄스

<UL TYPE="square"></UL> 사각형

  • 가요
  • 댄스

<UL TYPE="circle"></UL> 비워진 원

  • 가요
  • 댄스

<UL TYPE="disc"></UL> 채워진 원

  • 가요
  • 댄스

OL : 순서있는 List

<OL></OL> 주요과목
  1. 가요
  2. 댄스
<OL TYPE="A"></OL> 알파벳 대문자
  1. 가요
  2. 댄스
<OL TYPE="a" start="3"></OL> 알파벳 소문자, 시작은 3번째부터..
  1. 가요
  2. 댄스
<OL TYPE="I"></OL> 대문자 로마숫자표식
  1. 가요
  2. 댄스
<OL TYPE="i"></OL> 소문자 로마숫자표식
  1. 가요
  2. 댄스
<OL TYPE="1"></OL> 소문자 로마숫자표식
  1. 가요
  2. 댄스
<OL TYPE="1"><OL TYPE="I"></OL></OL> 혼합가능.
  1. 가요
    1. 발라드
    2. 힙팝
  2. 댄스
Posted by 말없제이
,

<html>
<body>
<title>Un-Titlte</title>
<xmp>
<img src="image/poster2.jpg" width="300" height="400" alt="포스터" align="right">
<br><br>
<a href="#화성">이문서내.. 화성</a><br>
<a href="http://www.naver.com">이젠 지겨운 네이버</a><br>
<a href="body.htm">없는 html 문서</a><br>
<a href="image/poster2.jpg">이미지 클릭</a><br>
<a href="http://www.google.co.kr"><img src="image/google.gif" widht="100" height="50" alt="또 구글이야?"></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="화성"><br><br><br>요기가 화성 . . 뭐여?</a>
</xmp>
<img src="image/poster2.jpg" width="300" height="400" alt="포스터" align="right">
<br><br>
<a href="#화성">이문서내.. 화성</a><br>
<a href="http://www.naver.com">이젠 지겨운 네이버</a><br>
<a href="body.htm">없는 html 문서</a><br>
<a href="image/poster2.jpg">이미지 클릭</a><br>
<a href="http://www.google.co.kr"><img src="image/google.gif" widht="100" height="50" alt="또 구글이야?"></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="화성"><br><br><br>요기가 화성 . . 뭐여?</a>
</body>
</html>

Posted by 말없제이
,

HTML 링크 테스트

DevTool/HTML 2009. 5. 26. 17:45
0526ex02.htm 파일

면접시험 안내

1차 필기 시험의 합격을 축하합니다.

다음과 같이 면접시험을 실시하오니 시간을 엄수하여 주시기 바랍니다.

1.일시 : 2005년 12월 15일 오전 10시

2.장소 : 구로동 고대구로병원 3F 회의실 303호

3.약도

다음
네이버
면접시험
이마트지도
구글 이미지
텍스트 문서가 없습니다.
한글 문서가 없습니다.
엑셀 문서가 없습니다.
경고먹는 메모장

정보관리


이미지 링크시 0526ex02b.htm으로 이동

0526ex02b.htm 파일

내가 자주 접속하는 사이트


1. 중앙일보
2. KBS
3. 대법원
이미지 링크 : 0526ex02.htm
;
</html>
Posted by 말없제이
,
<body bgcolor="gray" text="blue"> 배경을 회색, 글자색을 파란색.
.
<font color="red">특정 부분 색상 다르게</font> 특정 부분 색상 다르게
.
<body background="image/back2.gif" text="blue"> 물론 배경그림을 넣기도 가능함(생략)..
.
x이버
x국방송
x음
링크 색상도 body에서 변경가능.
link:처음 링크색(방문하지 않은사이트)
vlink:방문한 링크색
aink:선택된 링크색
<body bgcolor="gray" text="blue" link="red" vlink="green" alink="orange">
.

이미지 넣기

<img src="image/poster2.jpg" width="200" height="300" alt="그림이지요" align="left"> 1
그림이지요 22222222222222222222 222222222222222222222222222222222222 22222222222222222222222222222 2222222222222222 222222222 22222222222222222222222222222222222222222222222222222222222 222222222222222222222222222222 2222222222222222222222 222222222222222222 222 2222222222222222222
3
3
3
3
3
3
3
3
3
3





<img src="image/poster2.jpg" width="200" height="300" alt="그림이지요" align="left" hspace="120"> 1
그림이지요 hspace/vspace : 그림과 다른 요소간 수평/수직 간격 조정 3
3
3
3
3
3
3
3
3
3
Posted by 말없제이
,

글자 색,크기,글자체 지정

궁서 돋움, RGB코드 red, green, blue 굴림 바탕

글자모양

b,굵은글씨
i,이태릭체(기울임)
u,밑줄
s,가운데선
sub,아래첨자
sup,윗첨자

특수기호

&:amp(ampersend?)
<:(&lt)보다작음
>:(&gt)보다큰
":(&quot)따옴표
 :(&nbsp)공백
©:(&copy)저작권표시

pre태그

 입력한 

그대로

나오 게 하는 (단 태그 적용)

xmp태그

입력한 <h1>그대로</h1> 나오 게 하는 (단 태그 적용 안됨)

hr태그


물론 폭(size),길이(widht),정렬(align),색상(color)도 줄수있고, noshade로 볼륨감 유무선택가능.

Posted by 말없제이
,

HTML 관련 01.

DevTool/HTML 2009. 5. 25. 16:11
안녕하세요 안만나서 반갑습니다.
확장가 안보이면 ... 도구/폴더옵션/보기 옵션중.. 알려진 파일형식의 파일 확장명 숨기기 체크해제.. *ps. 요소(element) : <font color="blue" size="7">확장</font> 태그 : <font color="blue" size="7"></font> 요소이름 : font 속성(attribute) : color="red" 요소내용 : 확장

P태그 : 문단과 문단을 지정. 종료태그 써도 되고 안써도됨.

특징 : br테그없이 라인이 넘어가고 한라인이 떨어짐



h1 : 라인이 넘어가고 글자가 진하게

h2 : 속성(align) 정렬left(기본),right,center

h3 -
center태그 :문서의 제목을 정렬

h4 - 주의할점은 태그는 나중에 연것을 먼저 닫아야함

h5 - ""은 속성내에 줘도되고 안줘도 되지만 경로시에는 확실하게 표시해야함
h6
h7..엇 h7은 안되네 ..

p태그도 정렬가능.

div태그도 정렬지정 ...
Posted by 말없제이
,

담당:고기준
js. html.
6.16일 종료예정.

(html 사용)
※ 웹에서 사용되는 프로그램 언어.. --;
- HTML(Hyper Text Markup Language) (링크되어있는 문서 생성)
 . 정적인 문서에서 사용.(상황에 따라 변경되는것이 아닌 사용그대로)
 . Client에서 해석.(브라우져에서 해석)
*ps.
(Server : 정보를 제공하는 측)
(Client : 정보를 받는 측)
사용자 -> KBS(Server역활) --> 사용자측 전달
(Client역활) (Server역활)

 ex)http://www.kbs.co.kr/
http : (Hyper Text Trans Protocol) : 전송규약
www.kbs.co.kr : (Domain Name)
/ : 보통 index.html - -;
총체적 뭐라고 하나요? : URL(Uniper Resource ..)

- JavaScript
 Java : 응용프로그램
 JavaScript : 웹상에서 사용되는 언어.
 . 입력/내용/중복 Check, 이미지, 글자흐름

- 웹프로그래밍 언어
 . jsp : Java기반 (Servlet?? -- 서블릿 jsp이전 사용)
 . asp : Windows 계통(Linux, Unix 거의 사용안함)
 . php : 적은 명령어, 세부적인 제어힘듬
회원가입,로그인,게시판,검색,방명록.. 입력폼 정보를 서버쪽으로 전달 --;

- DB
서버에 정보를 기억 --;
 . Orcale{한달전에 오라클이 선인수}
 . MS-SQL
 . MySQL
 . Access( - -);

- 웹서버 프로그램
 . IIS(Windows계통)
 . arparche
 . tomcat
 . j부스, 웹 로직..

Posted by 말없제이
,
<SCRIPT LANGUAGE="JavaScript">
<!--
var win= null;
function NewWindow(mypage,myname,w,h,scroll){
var winl = (screen.width-w)/2;
var wint = (screen.height-h)/2;
var settings ='height='+h+',';
settings +='width='+w+',';
settings +='top='+wint+',';
settings +='left='+winl+',';
settings +='scrollbars='+scroll+',';
settings +='resizable=yes';
win=window.open(mypage,myname,settings);
if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
}
//-->
</script>
</head>
<body>
<a href="#" onclick="NewWindow('test.htm','name','400','400','yes'); return false">
웹프랭클린플래너</a>

<script type="text/javascript">
var cc=0
function showHide(id) {
    if (cc==0) {
        cc=1
        document.getElementById(id).style.display="block";
    } else {
        cc=0
        document.getElementById(id).style.display="none";
    }
}
</script>

<a href="#layer2" onclick="NewWindow('test.htm','name','400','400','yes'); return false">
<div id="layer2" border="1px" height="200px" weigth="200px">
제목이것지요.
</div></a>
<a href="#layer" onclick="showHide('layer');return false;">확인</a>
<div id="layer">

보여질 내용입니다.

</div>
<a href="#layer" onclick="showHide('layer');return false;">어야</a>

Posted by 말없제이
,