HTML 웹 페이지의 특수 효과 코드는 무엇입니까?-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML 웹 페이지의 특수 효과 코드는 무엇입니까?

coldplay.xixi

Mar 16, 2021 pm 03:19 PM

html웹 특수효과

HTML 웹페이지 특수 효과 코드에는 다음이 포함됩니다. 1. 굵은 글꼴[xx] 2. 기울임꼴 글꼴[xx]; h1>xx]; 4. 게시물 배경을 변경합니다. [
] 5. 스티커 [

HTML 웹 페이지의 특수 효과 코드는 무엇입니까?

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.

html 웹페이지 특수 효과 코드는 다음과 같습니다.

1) 텍스처:

<img  src="/static/imghwm/default1.png"  data-src="图片地址"  class="lazy"   alt="HTML 웹 페이지의 특수 효과 코드는 무엇입니까?" >

2) 연결 참여:

<a href="所要连接的相关地址">写上你想写的字</a>

3) 새 창에서 연결 열기:

<a href="相关地址" target="_blank">写上要写的字</a>

연결 밑줄을 제거하고 엽니다. 새 창에서의 연결:

<a href="相关地址"   style="max-width:90%" target="_blank">写上你想写的字</a>

4) 모바일 글꼴(스크롤링 랜턴):

<marquee>写上你想写的字</marquee>

5) 굵은 글꼴:

<b>写上你想写的字</b>

6) 기울임꼴 글꼴:

<i>写上你想写的字</i>

7) 글꼴 밑줄:

<u>写上你想写的字</u>

8) 글꼴 취소선 :

<s>写上你想写的字</s>

9) 글꼴 플러스 크게:

<big>写上你想写的字</big>

10) 글꼴 제어 크기:

<h1 id="写上你想写的字">写上你想写的字</h1>

(글꼴 크기는 h1-h5까지 가능하며, h1이 가장 크고, h5가 가장 작습니다.)

11) 글꼴 변경 색상:

<font color="#value">写上你想写的字</font>

(값은 000000과 ffffff(16비트) 사이

12) 연결 밑줄 제거:

<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13) 음악 게시:

<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">

14) 포스트 플래시:

<embed src="flash地址" width="宽度" height="高度">

15) 게시물 동영상 파일:

<img  src="/static/imghwm/default1.png"  data-src="文件地址"  class="lazy"  dyn    style="max-width:90%" height="高度" start=mouseover alt="HTML 웹 페이지의 특수 효과 코드는 무엇입니까?" >

16) 줄 바꿈:  

17) 단락:

<p>段落</p>

18) 원본 텍스트 스타일:

<pre class="brush:php;toolbar:false">正文

19) 게시물 배경 변경:

<body background="背景图片地址">

20) 게시물 배경이 스크롤과 함께 스크롤되지 않는 문제 수정 바:

<body background="背景图片地址" body bgproperties=fixed>

21) 게시물 배경 색상 맞춤설정: (값 10 참조)

22) 게시물 배경 음악:

23) 게시 웹 페이지:

HTML 특수 효과 코드 1.

　 <body oncontextmenu="return false">

　 또는

 <body style="overflow-y:hidden">

2를 무시합니다. 배경 음악 추가

　 IE:<bgsound src="*.mid" loop=infinite> 
　 NS:<embed src="*.mid" autostart=true hidden=true loop=true> 
　 </embed> 
　 *.mid你的背景音乐的midi格式文件

3. 간단한 window.open 방법

　 <a href="#" 
　 onclick="javascript :window.open(文件路径/文件名,newwindow, 
　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, 
　 width=400,height=300);">文字或图片</a>

　 매개변수 설명:

　
window.open 새 창을 팝업하는 명령
파일 경로/파일 이름 팝업 창의 파일 이름
newwindow 팝업 창의 이름(아님) 파일 이름), 공백으로 대체 가능
　 width=400 창 너비;
height=300 창 높이;
top=0 창 상단까지의 픽셀 값 screen;
left=0 창에서 화면 왼쪽까지의 픽셀 값
toolbar=no 도구 모음 표시 여부, yes는 표시를 의미합니다. 바와 스크롤바.
resizing=no 창 크기 변경 허용 여부, yes 허용
location=no 주소 표시줄 표시 여부, yes 허용
status=no 정보 표시 여부; 상태 표시줄(일반적으로 파일이 열려 있음), 허용됩니다.
　 end of js script

4. 단순 페이지 암호화

　 <script LANGUAGE="javascript"> 
　 <!-- 
　 function loopy(){ 
　　 var sWord =""; 
　　 while(sWord!="login"){sWord=prompt("请输入你的登陆密码");} 
　　 alert("登陆成功！"); 
　 } 
　 loopy() 
　 //--> 
　 </script>

　 <style> 
　 body{background-image:url(logo.gif); 
　 background-repeat:no-repeat;background-position:center} 
　 </style>

6. 브라우저에서 페이지를 저장할 때 브라우저가 저장하지 못했습니다.

　 <NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>

7. 사진을 임의로 교체합니다.

　 <script> 
　 document.write(<img  src="/static/imghwm/default1.png"  data-src="iframe.htm"  class="lazy"     style="max-width:90%"  style="max-width:90%" alt="HTML 웹 페이지의 특수 효과 코드는 무엇입니까?" > 
　 </script>

사진 파일 이름은 0.gif 1.gif 2.gif 3.gif 4 입니다. .gif

8. 창이 정기적으로 닫힙니다

먼저 다음 코드를 변경합니다. 웹 페이지 파일 영역:

　 <script language="javascript"> 
　 function closeit() { setTimeout("self.close()",10000) //毫秒 } 
　 </script>

그런 다음

태그를 추가합니다.

9. 웹페이지가 자동으로 닫힙니다

　 <html> 
　 <head> 
　 <object id=closes type="application/x-oleobject" 
　 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> 
　 <param name="Command" value="Close"> 
　 </object> 
　 </head> 
　 <body onload="window.setTimeout(closes.Click(),10000)"> 
　 这个窗口会在10秒过后自动关闭,而且不会出现提示. 
　 </body> 
　 </html>

10. 웹페이지가 자동으로 새로고침됩니다

헤드는

　 <META HTTP-EQUIV="Refresh" content="20">

로 적립됩니다. 20이 20초 후에 자동으로 새로고침되는 경우 임의의 값으로 변경할 수 있습니다.

11. 웹 페이지를 자동으로 전환합니다.

　 <META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">

12. 레이어를 Iframe이나 개체에 덮이지 않게 유지합니다.

레이어에 Iframe 또는 개체를 삽입하고 z-Index 값을 설정합니다.

　 <div z-Index:2><object xxx></object> ＃ 前面 
　 <div z-Index:1><object xxx></object> ＃ 后面 
　 <div id="Layer2" style="position:absolute; top:40;width:400px; 
　 height:95px;z-index:2"> height=100% width=100%> 
　 <iframe width=0 height=0></iframe> 
　 </div> 
　 <div id="Layer1" style="position:absolute; top:50;width:200px; 
　 height:115px;z-index:1"> 
　 <iframe height=100% width=100%></iframe> 
　 </div>

13. 이전 페이지 페이지

 <a href=javascript :history.back(1)>『返回上一页』</a>

14. 창을 닫으세요

　 <a href=javascript :self.close()>『关闭窗口』</a>

15. iframe

　 <IFRAME ID="iFrame1"  
　 allowTransparency="true" 
　 style="</IFRAME>

16에 대해 oncontextmenu="window.event.returnValue=false"는 마우스 오른쪽 버튼을 완전히 차단할 수 있습니다

    <table border oncontextmenu=return(false)><td>no</table>

테이블

17에 사용됩니다.

<body onselectstart="return false">

선택 취소, 복사 방지

18.

onpaste="return false"

붙여넣기 금지

19.

oncopy="return false;" oncut="return false;"

복사 방지

html 튜토리얼

위 내용은 HTML 웹 페이지의 특수 효과 코드는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML의 시작 태그의 예는 무엇입니까?Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

See all articles