멋진 HTML 코드

사용자 정의 프로그래밍을 만들지 않고 웹 사이트를 재즈로 꾸미고 싶다면 몇 가지 멋진 HTML 코드를 사용하여 페이지에 흥미를 불러 일으킬 수 있습니다. 이 코드는 사이트를 돋보이게 할뿐만 아니라 전문적인 우위를 제공 할 수도 있습니다.

12 가지 멋진 HTML 코드

자신 만의 HTML 코드를 작성하는 데 능숙하지 않은 경우 온라인에서 자신의 웹 페이지에 복사하여 붙여 넣을 수있는 무제한 코드를 무료로 제공하는 곳이 많이 있습니다. 그러나 일부 사이트 소유자는 사이트에서 자신의 사이트로 돌아가는 링크를 포함하여 사용중인 코드에 대한 인식을 원하므로 코드를 복사하기 전에 사이트의 사용 약관을 읽고 이해해야합니다. 흥미로운 효과를내는 멋진 HTML 코드를 확인하세요.

1. 특정 날짜까지 카운트 다운

다음에있는 코드를 사용하여 웹 사이트에 대한 카운트 다운 시계를 만듭니다. 컴퓨터 희망 . 코드에 사용자 지정 날짜를 삽입하여 표시가 특정 날짜까지 카운트 다운되도록합니다. 굵게 표시된 날짜를 사용자 지정 날짜로 변경해야합니다.

오늘 = new Date ();

멀리서 사랑시

BigDay = 새 날짜 ( ' 2020 년 12 월 25 일 ');

msPerDay = 24 * 60 * 60 * 1000;

timeLeft = (BigDay.getTime ()-today.getTime ());

e_daysLeft = timeLeft / msPerDay;

daysLeft = Math.floor (e_daysLeft);

e_hrsLeft = (e_daysLeft-daysLeft) * 24;

hrsLeft = Math.floor (e_hrsLeft);

minsLeft = Math.floor ((e_hrsLeft-hrsLeft) * 60);

document.write ( '

'+ daysLeft +'days '+ hrsLeft +'시간 및 '+ minsLeft +'분 남음

2020 년 12 월 25 일까지

');

2. 작은 창 팝업 만들기

이 편리한 코드를 사용하여 작은 창에 새 웹 사이트 팝업을 만듭니다. 컴퓨터 희망 .

function NAME_IT () {window.open ( 'http://www.computerhope.com/cgi-bin/search.cgi','EANITHING','toolbar=no,location=no, folders = no, status = yes, 메뉴 바 = 아니요, 크기 조정 가능 = 예,

copyhistory = 아니요, 스크롤바 = 아니요, 너비 = 300, 높이 = 300 ');}

3. 목록에 대한 다채로운 글 머리 기호

큰 코새 가장 일반적으로 사용되는 일반 검정색 글 머리표 대신 목록에 다채로운 글 머리표를 사용할 수있는 코드를 제공합니다.

이것은 첫 번째 항목입니다

이것은 두 번째 항목입니다

비즈니스 캐주얼 폴로

이것은 세 번째 항목입니다

4. 텍스트 탄력 만들기

이 코드를 사용하여 윤곽선을 약간 바운스하십시오. 웹 사이트를 만드는 방법 .

텍스트 탄력 만들기

5. 선택 윤곽

큰 천막:

샘플 코드를 알고 싶어요

6. 지그재그 선택 윤곽

마키 라인을 만들 수도 있습니다. 지그재그 패턴을 만들다 .

당신의 글은 여기에

7. 화려한 테이블

8. 페이지에 음악 추가

그림자 상자 추가 : div {border : 2px solid # a1a1; padding : 10px 40px; background : #ffdddd; width : 400px; border-radius : 25px; -moz-border-radius : 40px; }

테두리가있는 샘플 상자를 알고 싶어요

9. 환영 메시지 추가

alert ( '회사 이름에 오신 것을 환영합니다')

10. 컬러 텍스트 입력 상자

필드 1 :

11. 파선 테두리가있는 컬러 텍스트 필드

샘플 텍스트를 알고 싶어요

12. 배경색 변경

이 코드는 복숭아 배경입니다. 배경 색상 코드는 HTML 상품 .

더 흥미로운 HTML 코드를위한 리소스

사용할 수있는 다른 많은 코드 리소스가 있습니다. 더 많은 옵션을 사용할 수있는 장소의 예는 다음과 같습니다.

컴퓨터 희망 :이 웹 사이트는 모든 사람에게 무료 컴퓨터 도움말을 제공하며 웹 사이트에 추가 할 수있는 멋진 HTML 코드 3 개도 제공합니다. 하나는 마우스 오버 프롬프트를위한 것으로 사용자가 그래픽이나 텍스트 위에 마우스를 올려 놓으면 팝업 상자가 나타납니다. 이 사이트에는 배경 코드를 선택하는 코드와 방문자가 자신의 텍스트 프롬프트 상자를 입력 할 수있는 코드도 있습니다.
와일드 팁 : 기본 HTML 외에도 Wild Tips에는 텍스트를 흐리게 만들고 그림자 및 기타 효과가있는 코드를 포함하여 사용할 수있는 깔끔한 코드가 있습니다. 웹 사이트는 또한 선택 윤곽 및 사진 효과를위한 HTML 코드를 제공합니다.
큰 코새 :이 웹 사이트는 사이트 사용자에게 무료 튜토리얼, 스크립트 및 그래픽을 제공합니다. 또한 다채로운 표에 대한 데모, 강력한 배경 이미지를 효과적인 방식으로 사용하기위한 지침, 여러 국가를 나열하는 드롭 다운 상자 만들기를 포함하여 여러 페이지의 멋진 HTML 트릭이 있습니다.
W 3 학교 :이 사이트는 사용자가 다른 흥미로운 코드와 함께 사이트에서 이메일을 보낼 수있는 HTML 코드를 제공합니다.

멋진 코드로 사이트 사용자 지정

웹 코딩을 이해한다면 언제든지 실험하고 깔끔한 트릭을 생각 해낼 수 있습니다. 웹 마스터가 아니더라도 여기에 제시된 것과 같은 흥미로운 HTML 코드를 사용하여 매력적이고 전문적인 사이트를 만들 수 있습니다. 허용하지 않는 사이트 빌더를 사용하지 않는 한 거의 모든 유형의 HTML 코드를 웹 사이트에 추가 할 수 있습니다. 무료 웹 사이트 빌더 중 일부는 HTML 코드 사용을 허용하지 않지만이를 허용하는 프로그램을 사용하는 경우 사이트에 멋진 기능을 추가하는 것이 어렵지 않다는 것을 알게 될 것입니다.

칼로리아 계산기

바닥:

나이:

성장 (Cm) :

체중 (Kg) :

신체 활동 수준 :

표 헤더 1	표 헤더 1
셀을 알고 사랑 1	셀 2를 아는 사랑

어린이를위한 최고의 이름