HTML

HTML 강좌

HTML 태그 , html Tack / HTML 코드 ,  html code / HTML 숏코드,  html Short code
활코딩 : HTML + YOUTUBE
w3schools : HTML + CSS
HTML 코드 - 위키백과
HTML TEXT CODING

 

 

1# 줄간격 조절하기

<div style='line-height:200%'>줄간격 조절하는 방법 입니다.</div>

# 빨간색을 줄간격을 조절하고자 하는 텍스트시작지점과 마지막 지점에 부착 합니다.

# 줄간격의 정도 파란색 숫자갑으로 조절 합니다.

2# 텍스트 색상 설정

<span style="color:red">빨간색 글자입니다.</span>

<span style="color:blue">파란색 글자입니다.</span>

<span style="color:#92B3B7">사용자지정 값을 직접 입력한 예 입니다.</span>

3# 링크 경로 설정하기

<a href="http://WEBCONSULT.KR">WEBCONSULT.KR</a>

4# 글자 크지 조절

<h1> 글자 크기 조절 </h1>

~

<h6> 글자 크기 조절 </h6>

TITLE 링크 텍스트에서, 언더라인(밑줄) 삭제 예제

# 링크 텍스트에서, 언더라인(밑줄) 삭제 예제

<html>
<head>
<style type="text/css">

/* 링크에서 밑줄 없애기 */
a.no-uline { text-decoration:none }

/* 마우스 지나갈 때만 삭제 + 강제로 없애기 */
a.noul:hover { text-decoration:none !important }

</style>
</head>

<body>

<!-- 스타일을 직접 지정하여, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" style="text-decoration:none">Google 검색</a>

<br />

<!-- a.no-uline 클래스를 이용하여, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" class="no-uline">Google 검색</a>

<br />

<!-- 마우스를 가져갔을 때에만, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" class="noul">Google 검색</a>

</body>
</html>

출처 : mwultong.blogspot.com

TITLE 링크에 밑줄 없애기

<HEAD>
<TITLE> 링크에 밑줄 없애기 </TITLE>

<style type="text/css">
a:link colorredtext-decorationnone;}
 
a:visited colorblacktext-decorationnone;}
a:hover colorbluetext-decorationunderline;}

</style>

- 해 석 -
style 소스의 type = text를 제어하는 css로 한다.
a:link : 클릭하지 않은 링크
a:visited : 한번 클릭했던 혹은 다녀갔던 링크
a:hover : 링크를 클릭하려고 마우스를 가져갔을 때
decoration : 밑줄
none : 없는 상태
underline : 있는 상태

a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태

출처: https://it77.tistory.com/126 [시원한물냉의 사람사는 이야기]

HTML TEXT CODING

1# 줄간격 조절하기

<div style='line-height:200%'>줄간격 조절하는 방법 입니다.</div>

# 빨간색을 줄간격을 조절하고자 하는 텍스트 시작지점과  마지막 지점에 부착 합니다.

# 줄간격의 정도 파란색 숫자갑으로 조절 합니다.

2# 텍스트 색상 설정

<span style="color:red">빨간색 글자입니다.</span>

<span style="color:blue">파란색 글자입니다.</span>

<span style="color:#92B3B7">사용자지정 값을 직접 입력한 예 입니다.</span>

3# HTML 웹페이지의 링크 밑줄 업애려면 .

HTML 웹페이지의 A 태그 링크에서 밑줄을 업애려면 그 태그에

STYLE="TEXT-DECORATION:NONE" 이런 CSS 속성을 부여하면 밑줄이 없어집니다.

예를 들어 다음과 같은 식으로 사용합니다.

<a href="http://www.google.co.kr/" style="text-decoration:none">Google 검색</a>

그렇지만 모든 링크에 일일이

STYLE="TEXT-DECORATION:NONE"

이런 속성을 기입하기는 힘들기 때문에

<STYLE TYPE="TEXT/CSS">... 속에서, A { TEXT-DECORATION:NONE }

이렇게 정의하면

모든 링크에서 밑줄이 한꺼번에 제거됩니다.

대부분의 사이트에서 이 방법을 사용합니다.

다음 예제 소스와 같습니다.

 

모든 A링크에서 밑줄 한꺼번에 모두 지우기

예제 파일명: example.html

 

<html>

 

<head>

<style type="text/css"> a { text-decoration:none } </style>

</head>

 

<body>

<a href="http://www.google.co.kr/">Google 검색</a>

<br />

<a href="http://www.google.co.kr/">Google 검색</a>

</body>

 

</html>

 

출처 : http://mwultong.blogspot.com/2007/08/link-underline-remove.html