자유롭게 게시물을 올릴수있는 게시판입니다.
  • 유년추억
  • 학교생활
  • 입시준비
  • 대학생활
  • 군생활
  • 알바생활
  • 취업준비
  • 직장생활
  • 원룸생활
  • 연애중
  • 결혼준비
  • 집안살림
  • 자녀교육
  • 창업준비
  • 이민유학
  • 노후생활
  • 전체보기


초보자를 위한 html 강좌 4번째

 


 


오늘도 문자 편집에 관련된 테그를 알아보겠습니다.


<html>
<head>
<title> HTML 연습 </title>
</head>
<body>


<b>글자를 강조할때</b><br>
<i>이탤릭체로 표현</i><br>
<u>글자에 밑줄을 긋고 싶을때</u><br>
<s>글자 중앙에 줄을 긋고 싶을때</s>
<pre>글자를     원하는 위치에


놓을수 있는 테크</pre><br>
<div align=center>가운데 정렬</div><br>
<div align=left>왼쪽 정렬</div><br>
<div align=right>오른쪽 정렬</div><br>
선을 긋고 싶을때는<hr><br>
<center>글자나 이미지 표등을 중앙정렬할때</center>


</body>
</html>


자 위의 내용을을 입력 후 html 파일로 저장하시기 바랍니다.
저장 후 내용을 보시면...
<b></b> 는 볼드체
<i></i> 는 이텔릭체
<u></u> 는 밑줄
<s></s> 는 가운데 줄
<pre></pre> 는 띠어쓰기나 줄바꾸기가 동일하게 적용되는 테그
<div align=center></div> 문장을 단락으로 만들어 가운데 정렬
<div align=left></div> 문장을 단락으로 만들어 왼쪽 정렬
<div align=right></div> 문장을 단락으로 만들어 오른쪽 정렬
<hr> 는 선 긋기
<center></center> 글자나 이미지 표등을 중앙정렬할때



다음은 리스트를 표현할때 쓰는 테그 입니다.


<html>
<head>
<title> HTML 연습 </title>
</head>
<body>


<ul>
<li> 비씨파크
<li> 야후
<li> 엠파스
<li> 네이버
</ul>
li type을 적용하면
<ul>
<li type=circle> 비씨파크
<li type=square> 야후
<li type=disk> 엠파스
<li> 네이버
</ul>


</body>
</html>



표한하는 내용을 리스트로 정리할때 사용하는 테그들을 알아보았습니다.
그럼 오늘은 이만



minaam
written by minaam (minaam)
2004-05-10 16:02:01
786 번 읽음
☞ 로그인 후 의견을 남기실 수 있습니다
 캐시선물





365ch.com 128bit Valid HTML 4.01 Transitional and Valid CSS!
태그