Este é o meu primeiro site usando HTML.<\/p>\n<\/body>\n<\/html> \n<\/pre>\n\n\n\n
Open the file in the browser and see your first web page!<\/p>\n\n
2. CSS: The Page Style<\/strong> \nCSS (Cascading Style Sheets) is used to give color, shape and style to the website, making it look beautiful. \nHow CSS works:<\/strong><\/p>\n
\n
\nSelectors<\/strong>: Identify the elements you want to style. For example, body for the page body or h1 for titles.<\/li>\n
\nProperties and values<\/strong>: Specify the applied style. For example, color: blue; changes the text color to blue.<\/li>\n<\/ul>\n\n
Example of CSS rules:<\/strong><\/p>\n\n
\n
body { background-color: #f0f0f0; } sets the page background color.<\/li>\n
h1 { font-size: 24px; color: #0066cc; } changes the size and color of the title.<\/li>\n<\/ul>\n\n
Practical Example<\/strong>: Create a file called styles.css and add the following: \n<\/p>\n\n
\n\n\n \n Meu Primeiro Site<\/title>\n<\/head>\n<body>
<h1><a href="http://miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n <h1>Olá, mundo!<\/h1>\n <p>Este é o meu primeiro site usando HTML.<\/p>\n<\/body>\n<\/html> \n<\/pre>\n\n\n\n<p>Connect CSS to HTML by adding the line below within the <head> from index.html file:<br>\n<\/p>\n\n<pre>body {\n font-family: Arial, sans-serif;\n background-color: #f0f0f0;\n color: #333;\n text-align: center;\n}\nh1 {\n color: #0066cc;\n}\n<\/pre>\n\n\n\n<p>Refresh your browser and see the page style changes.<\/p>\n\n<p><strong>3. JavaScript: Adding Interactivity<\/strong><br>\nJavaScript is the language that makes the page interactive, allowing you to add animations, validate forms, manipulate elements, and more. (we'll talk more about javascript in another post, stay tuned ?)<\/p>\n\n<p><strong>Example of interactivity:<\/strong><\/p>\n\n<ul>\n<li>An alert displayed when the user clicks a button.<\/li>\n<li>Change the text of an element when hovering over it.<\/li>\n<\/ul>\n\n<p>Practical Example: Add the javascript part
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
</head>
<body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
<header>
<div id="377j5v51b" class="head">
<div id="377j5v51b" class="haed_left">
<div id="377j5v51b" class="haed_logo">
<a href="http://miracleart.cn/" title="" class="haed_logo_a">
<img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
</a>
</div>
<div id="377j5v51b" class="head_nav">
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Community" class="head_nava head_nava-template1">Community</a>
<div class="377j5v51b" id="dropdown-template1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://miracleart.cn/article.html" title="Articles" class="languagechoosea on">Articles</a>
<a href="http://miracleart.cn/faq/zt" title="Topics" class="languagechoosea">Topics</a>
<a href="http://miracleart.cn/wenda.html" title="Q&A" class="languagechoosea">Q&A</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Learn" class="head_nava head_nava-template1_1">Learn</a>
<div class="377j5v51b" id="dropdown-template1_1" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://miracleart.cn/course.html" title="Course" class="languagechoosea on">Course</a>
<a href="http://miracleart.cn/dic/" title="Programming Dictionary" class="languagechoosea">Programming Dictionary</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Tools Library" class="head_nava head_nava-template1_2">Tools Library</a>
<div class="377j5v51b" id="dropdown-template1_2" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://miracleart.cn/toolset/development-tools" title="Development tools" class="languagechoosea on">Development tools</a>
<a href="http://miracleart.cn/toolset/website-source-code" title="Website Source Code" class="languagechoosea">Website Source Code</a>
<a href="http://miracleart.cn/toolset/php-libraries" title="PHP Libraries" class="languagechoosea">PHP Libraries</a>
<a href="http://miracleart.cn/toolset/js-special-effects" title="JS special effects" class="languagechoosea on">JS special effects</a>
<a href="http://miracleart.cn/toolset/website-materials" title="Website Materials" class="languagechoosea on">Website Materials</a>
<a href="http://miracleart.cn/toolset/extension-plug-ins" title="Extension plug-ins" class="languagechoosea on">Extension plug-ins</a>
</div>
</div>
</div>
<div id="377j5v51b" class="head_navs">
<a href="http://miracleart.cn/ai" title="AI Tools" class="head_nava head_nava-template1_3">AI Tools</a>
</div>
<div id="377j5v51b" class="head_navs">
<a href="javascript:;" title="Leisure" class="head_nava head_nava-template1_3">Leisure</a>
<div class="377j5v51b" id="dropdown-template1_3" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="http://miracleart.cn/game" title="Game Download" class="languagechoosea on">Game Download</a>
<a href="http://miracleart.cn/mobile-game-tutorial/" title="Game Tutorials" class="languagechoosea">Game Tutorials</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="head_search">
<input id="key_words" onkeydown="if (event.keyCode == 13) searchs('en')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
<a href="javascript:;" title="search" onclick="searchs('en')"><img src="/static/imghw/find.png" alt="search"></a>
</div>
<div id="377j5v51b" class="head_right">
<div id="377j5v51b" class="haed_language">
<a href="javascript:;" class="layui-btn haed_language_btn">English<i class="layui-icon layui-icon-triangle-d"></i></a>
<div class="377j5v51b" id="dropdown-template" style="display: none;">
<div id="377j5v51b" class="languagechoose">
<a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
<a href="javascript:;" title="English" class="languagechoosea">English</a>
<a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
<a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
<a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
<a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
<a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
<a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
</div>
</div>
</div>
<span id="377j5v51b" class="head_right_line"></span>
<div style="display: block;" id="login" class="haed_login ">
<a href="javascript:;" title="Login" class="haed_logina ">Login</a>
</div>
<div style="display: block;" id="reg" class="head_signup login">
<a href="javascript:;" title="singup" class="head_signupa">singup</a>
</div>
</div>
</div>
</header>
<main>
<div id="377j5v51b" class="Article_Details_main">
<div id="377j5v51b" class="Article_Details_main1">
<div id="377j5v51b" class="Article_Details_main1M">
<div id="377j5v51b" class="phpgenera_Details_mainL1">
<a href="http://miracleart.cn/" title="Home"
class="phpgenera_Details_mainL1a">Home</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://miracleart.cn/web-designer.html"
class="phpgenera_Details_mainL1a">Web Front-end</a>
<img src="/static/imghw/top_right.png" alt="" />
<a href="http://miracleart.cn/js-tutorial.html"
class="phpgenera_Details_mainL1a">JS Tutorial</a>
<img src="/static/imghw/top_right.png" alt="" />
<span>Welcome to Web Development: A practical guide for those starting from?scratch</span>
</div>
<div id="377j5v51b" class="Articlelist_txts">
<div id="377j5v51b" class="Articlelist_txts_info">
<h1 class="Articlelist_txts_title">Welcome to Web Development: A practical guide for those starting from?scratch</h1>
<div id="377j5v51b" class="Articlelist_txts_info_head">
<div id="377j5v51b" class="author_info">
<a href="http://miracleart.cn/member/1468491.html" class="author_avatar">
<img class="lazy" data-src="https://img.php.cn/upload/avatar/000/000/001/66ea815b78d13863.png" src="/static/imghw/default1.png" alt="Patricia Arquette">
</a>
<div id="377j5v51b" class="author_detail">
<a href="http://miracleart.cn/member/1468491.html" class="author_name">Patricia Arquette</a>
</div>
</div>
</div>
<span id="377j5v51b" class="Articlelist_txts_time">Jan 07, 2025 am 07:23 AM</span>
</div>
</div>
<hr />
<div id="377j5v51b" class="article_main php-article">
<div id="377j5v51b" class="article-list-left detail-content-wrap content">
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3461856641">
</ins>
<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173620582614568.jpg" class="lazy" alt="Bem-vindo ao desenvolvimento Web: Um guia prático para quem está come?ando do?zero"></p>
<h2>
Topics
</h2>
<ul>
<li>Introduction</li>
<li>What is the Web and How Does It Work?</li>
<li>How to Make Your Website Available to the World</li>
<li>Essential Tools for Developers</li>
<li>How Much Can You Earn in Web Development?</li>
<li>Tips for Beginners</li>
<li>Conclusion: Start Today</li>
</ul>
<h2>
Introduction
</h2>
<p>If you're here, it's because you want to understand how the world of web development works and, who knows, take your first steps in a new career. This guide is for you who don't know anything about the area and want to start from the beginning, understanding the fundamentals before diving into languages ??and tools. Let's explore together, in a practical and accessible way, how to start on this journey.</p>
<h2>
What is the Web and How Does It Work?
</h2>
<p>The web is a global network that connects millions of devices and systems, allowing information to be accessed and shared in real time. In other words, the web is like a large digital library. When you access a website, you are asking for information that is stored somewhere in the world. The browser (like Google Chrome or Firefox) is like the "librarian" that searches and organizes this information for you.</p>
<p>Here are the key elements that make it all work:</p>
<p><strong>1. Browser and?Server</strong><br>
Let's understand what happens when you access the website https://www.pudim.com.br/. The browser makes a request, a request to the server, which responds with the files needed to display the page. In the case of Pudim, the server returns an HTML file containing a basic structure of the website, which includes a title, an image and an email link.</p>
<ul>
<li><p>The <strong>browser</strong> is the program you use to access the internet (Chrome, Firefox, etc.). It makes requests for information and displays pages in an organized manner.</p></li>
<li><p>The <strong>server</strong> is the computer that stores the website's files (text, images, videos) and sends them to your browser when you, the user, request it. Think of the server as a "specialized computer" that stores the website's files (text, images, videos) and responds to browser requests by sending these files. It is essential for the website to be accessible on the web.<br>
In the case of Pudim, the server returns an HTML file containing a basic structure of the website, which includes a title, an image and an email link.</p></li>
</ul>
<p><strong>2. How do Browser and Server Communicate?</strong><br>
When you access a website, like Pudding, the browser and server need to "talk" for the content to be displayed correctly. This communication occurs through HTTP (HyperText Transfer Protocol), a set of rules that defines how information should be sent and received. The browser sends a request to the server (called an HTTP request), and the server responds with the necessary files (such as HTML, CSS, and JavaScript) to assemble the page in the browser. This exchange of information is fast and efficient, ensuring that the website is displayed correctly.</p>
<p><strong>Practical Example:</strong> Type "https://www.pudim.com.br/" in the browser and press Enter. You will see a simple page with a pudding image and an email link.</p>
<p><strong>3. What is an API and How Does It Fit In?</strong><br>
Now imagine that the Pudim website also wants to show the weather forecast. To do this, he could use an API (Application Programming Interface). APIs work as bridges that allow different systems to exchange information.<br>
For example: Imagine that the Pudding website also showed a message like "Today is a good day to eat pudding!" based on current weather. The browser would send a request to a weather API, which would return information about the temperature and weather condition. The website could then display this message dynamically.</p>
<p><strong>Summary</strong>: APIs are essential tools in modern web development because they allow you to add dynamic functionality, such as data, from anything, updated in real time.<br>
Now that you understand the basics, let's start learning the basic tools for creating a website.</p>
<p><strong>1. HTML: The Structure of the?Site</strong><br>
HTML (HyperText Markup Language) defines the structure of the page. It is made up of tags, which are elements that indicate how the content will be organized and displayed in the browser. Each tag has a specific function and can contain text, images, links, among other elements.<br>
<strong>Example Tags:</strong></p>
<ul>
<li>
<h1>: Sets a main title.</li>
<li>
<p>: Defines a paragraph of text.</li>
<li>
<img>: Inserts an image on the page.</li>
<li>
<a>: Creates a link.</li>
</ul>
<p><strong>Practical Example:</strong> Create a file called index.html and paste the following code:<br>
</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Meu Primeiro Site</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<p>Este é o meu primeiro site usando HTML.</p>
</body>
</html>
</pre>
<p>Open the file in the browser and see your first web page!</p>
<p><strong>2. CSS: The Page Style</strong><br>
CSS (Cascading Style Sheets) is used to give color, shape and style to the website, making it look beautiful.<br>
<strong>How CSS works:</strong></p>
<ul>
<li>
<strong>Selectors</strong>: Identify the elements you want to style. For example, body for the page body or h1 for titles.</li>
<li>
<strong>Properties and values</strong>: Specify the applied style. For example, color: blue; changes the text color to blue.</li>
</ul>
<p><strong>Example of CSS rules:</strong></p>
<ul>
<li>body { background-color: #f0f0f0; } sets the page background color.</li>
<li>h1 { font-size: 24px; color: #0066cc; } changes the size and color of the title.</li>
</ul>
<p><strong>Practical Example</strong>: Create a file called styles.css and add the following:<br>
</p>
<pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Meu Primeiro Site</title>
</head>
<body>
<h1>Olá, mundo!</h1>
<p>Este é o meu primeiro site usando HTML.</p>
</body>
</html>
</pre>
<p>Connect CSS to HTML by adding the line below within the <head> from index.html file:<br>
</p>
<pre class="brush:php;toolbar:false">body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
text-align: center;
}
h1 {
color: #0066cc;
}
</pre>
<p>Refresh your browser and see the page style changes.</p>
<p><strong>3. JavaScript: Adding Interactivity</strong><br>
JavaScript is the language that makes the page interactive, allowing you to add animations, validate forms, manipulate elements, and more. (we'll talk more about javascript in another post, stay tuned ?)</p>
<p><strong>Example of interactivity:</strong></p>
<ul>
<li>An alert displayed when the user clicks a button.</li>
<li>Change the text of an element when hovering over it.</li>
</ul>
<p>Practical Example: Add the javascript part
<div id="377j5v51b" class="AI_ToolDetails_main4sR">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3653428331"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<!-- <div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Hot Article</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819578.html" title="How to fix KB5060533 fails to install in Windows 10?" class="phpgenera_Details_mainR4_bottom_title">How to fix KB5060533 fails to install in Windows 10?</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819730.html" title="Dune: Awakening - Where To Get Insulated Fabric" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Where To Get Insulated Fabric</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819994.html" title="How to fix KB5060999 fails to install in Windows 11?" class="phpgenera_Details_mainR4_bottom_title">How to fix KB5060999 fails to install in Windows 11?</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 weeks ago</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819894.html" title="Dune: Awakening Network Error: Here's a Comprehensive Guide" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening Network Error: Here's a Comprehensive Guide</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 weeks ago</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819731.html" title="All Mario Kart World Dash Food locations" class="phpgenera_Details_mainR4_bottom_title">All Mario Kart World Dash Food locations</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By DDD</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://miracleart.cn/article.html">Show More</a>
</div>
</div>
</div> -->
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Hot AI Tools</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Undress images for free</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>AI-powered app for creating realistic nude photos</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Online AI tool for removing clothes from photos.</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>AI clothes remover</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>Swap faces in any video effortlessly with our completely free AI face swap tool!</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://miracleart.cn/ai">Show More</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Hot Article</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819578.html" title="How to fix KB5060533 fails to install in Windows 10?" class="phpgenera_Details_mainR4_bottom_title">How to fix KB5060533 fails to install in Windows 10?</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819730.html" title="Dune: Awakening - Where To Get Insulated Fabric" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Where To Get Insulated Fabric</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By Jack chen</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819994.html" title="How to fix KB5060999 fails to install in Windows 11?" class="phpgenera_Details_mainR4_bottom_title">How to fix KB5060999 fails to install in Windows 11?</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 weeks ago</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819894.html" title="Dune: Awakening Network Error: Here's a Comprehensive Guide" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening Network Error: Here's a Comprehensive Guide</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>4 weeks ago</span>
<span>By DDD</span>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/1796819731.html" title="All Mario Kart World Dash Food locations" class="phpgenera_Details_mainR4_bottom_title">All Mario Kart World Dash Food locations</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<span>1 months ago</span>
<span>By DDD</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://miracleart.cn/article.html">Show More</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Hot Tools</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_bottom">
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Easy-to-use and free code editor</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Chinese version" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Chinese version</h3>
</a>
<p>Chinese version, very easy to use</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Zend Studio 13.0.1</h3>
</a>
<p>Powerful PHP integrated development environment</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Visual web development tools</p>
</div>
</div>
<div id="377j5v51b" class="phpmain_tab2_mids_top">
<a href="http://miracleart.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac version" />
</a>
<div id="377j5v51b" class="phpmain_tab2_mids_info">
<a href="http://miracleart.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_title">
<h3>SublimeText3 Mac version</h3>
</a>
<p>God-level code editing software (SublimeText3)</p>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://miracleart.cn/ai">Show More</a>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4">
<div id="377j5v51b" class="phpmain1_4R_readrank">
<div id="377j5v51b" class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Hot Topics</h2>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottom">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>8521</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>17</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/java-tutorial" title="Java Tutorial" class="phpgenera_Details_mainR4_bottom_title">Java Tutorial</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1747</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>16</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1600</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>56</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/laravel-tutori" title="Laravel Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel Tutorial</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1541</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>28</span>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms">
<a href="http://miracleart.cn/faq/php-tutorial" title="PHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP Tutorial</a>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info">
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1400</span>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>31</span>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainR3_more">
<a href="http://miracleart.cn/faq/zt">Show More</a>
</div>
</div>
</div>
</div>
</div>
<div id="377j5v51b" class="Article_Details_main2">
<div id="377j5v51b" class="phpgenera_Details_mainL4">
<div id="377j5v51b" class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div id="377j5v51b" class="phpgenera_Details_mainL4_info">
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796819628.html" title="Which Comment Symbols to Use in JavaScript: A Clear Explanation" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174969522179516.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Which Comment Symbols to Use in JavaScript: A Clear Explanation" />
</a>
<a href="http://miracleart.cn/faq/1796819628.html" title="Which Comment Symbols to Use in JavaScript: A Clear Explanation" class="phphistorical_Version2_mids_title">Which Comment Symbols to Use in JavaScript: A Clear Explanation</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 12, 2025 am 10:27 AM</span>
<p class="Articlelist_txts_p">In JavaScript, choosing a single-line comment (//) or a multi-line comment (//) depends on the purpose and project requirements of the comment: 1. Use single-line comments for quick and inline interpretation; 2. Use multi-line comments for detailed documentation; 3. Maintain the consistency of the comment style; 4. Avoid over-annotation; 5. Ensure that the comments are updated synchronously with the code. Choosing the right annotation style can help improve the readability and maintainability of your code.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796822063.html" title="Java vs. JavaScript: Clearing Up the Confusion" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035046165294.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Java vs. JavaScript: Clearing Up the Confusion" />
</a>
<a href="http://miracleart.cn/faq/1796822063.html" title="Java vs. JavaScript: Clearing Up the Confusion" class="phphistorical_Version2_mids_title">Java vs. JavaScript: Clearing Up the Confusion</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:27 AM</span>
<p class="Articlelist_txts_p">Java and JavaScript are different programming languages, each suitable for different application scenarios. Java is used for large enterprise and mobile application development, while JavaScript is mainly used for web page development.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796820343.html" title="Mastering JavaScript Comments: A Comprehensive Guide" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174983106165148.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mastering JavaScript Comments: A Comprehensive Guide" />
</a>
<a href="http://miracleart.cn/faq/1796820343.html" title="Mastering JavaScript Comments: A Comprehensive Guide" class="phphistorical_Version2_mids_title">Mastering JavaScript Comments: A Comprehensive Guide</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 14, 2025 am 12:11 AM</span>
<p class="Articlelist_txts_p">CommentsarecrucialinJavaScriptformaintainingclarityandfosteringcollaboration.1)Theyhelpindebugging,onboarding,andunderstandingcodeevolution.2)Usesingle-linecommentsforquickexplanationsandmulti-linecommentsfordetaileddescriptions.3)Bestpracticesinclud</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796821632.html" title="Javascript Comments: short explanation" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175026483186295.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Javascript Comments: short explanation" />
</a>
<a href="http://miracleart.cn/faq/1796821632.html" title="Javascript Comments: short explanation" class="phphistorical_Version2_mids_title">Javascript Comments: short explanation</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:40 AM</span>
<p class="Articlelist_txts_p">JavaScriptcommentsareessentialformaintaining,reading,andguidingcodeexecution.1)Single-linecommentsareusedforquickexplanations.2)Multi-linecommentsexplaincomplexlogicorprovidedetaileddocumentation.3)Inlinecommentsclarifyspecificpartsofcode.Bestpractic</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796820029.html" title="JavaScript Data Types: A Deep Dive" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174974463014917.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript Data Types: A Deep Dive" />
</a>
<a href="http://miracleart.cn/faq/1796820029.html" title="JavaScript Data Types: A Deep Dive" class="phphistorical_Version2_mids_title">JavaScript Data Types: A Deep Dive</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 13, 2025 am 12:10 AM</span>
<p class="Articlelist_txts_p">JavaScripthasseveralprimitivedatatypes:Number,String,Boolean,Undefined,Null,Symbol,andBigInt,andnon-primitivetypeslikeObjectandArray.Understandingtheseiscrucialforwritingefficient,bug-freecode:1)Numberusesa64-bitformat,leadingtofloating-pointissuesli</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796822037.html" title="JavaScript vs. Java: A Comprehensive Comparison for Developers" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035006093854.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript vs. Java: A Comprehensive Comparison for Developers" />
</a>
<a href="http://miracleart.cn/faq/1796822037.html" title="JavaScript vs. Java: A Comprehensive Comparison for Developers" class="phphistorical_Version2_mids_title">JavaScript vs. Java: A Comprehensive Comparison for Developers</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:21 AM</span>
<p class="Articlelist_txts_p">JavaScriptispreferredforwebdevelopment,whileJavaisbetterforlarge-scalebackendsystemsandAndroidapps.1)JavaScriptexcelsincreatinginteractivewebexperienceswithitsdynamicnatureandDOMmanipulation.2)Javaoffersstrongtypingandobject-orientedfeatures,idealfor</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796827639.html" title="How to work with dates and times in js?" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/431/639/175130445135407.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to work with dates and times in js?" />
</a>
<a href="http://miracleart.cn/faq/1796827639.html" title="How to work with dates and times in js?" class="phphistorical_Version2_mids_title">How to work with dates and times in js?</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jul 01, 2025 am 01:27 AM</span>
<p class="Articlelist_txts_p">The following points should be noted when processing dates and time in JavaScript: 1. There are many ways to create Date objects. It is recommended to use ISO format strings to ensure compatibility; 2. Get and set time information can be obtained and set methods, and note that the month starts from 0; 3. Manually formatting dates requires strings, and third-party libraries can also be used; 4. It is recommended to use libraries that support time zones, such as Luxon. Mastering these key points can effectively avoid common mistakes.</p>
</div>
<div id="377j5v51b" class="phphistorical_Version2_mids">
<a href="http://miracleart.cn/faq/1796822137.html" title="JavaScript: Exploring Data Types for Efficient Coding" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035157160537.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="JavaScript: Exploring Data Types for Efficient Coding" />
</a>
<a href="http://miracleart.cn/faq/1796822137.html" title="JavaScript: Exploring Data Types for Efficient Coding" class="phphistorical_Version2_mids_title">JavaScript: Exploring Data Types for Efficient Coding</a>
<span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:46 AM</span>
<p class="Articlelist_txts_p">JavaScripthassevenfundamentaldatatypes:number,string,boolean,undefined,null,object,andsymbol.1)Numbersuseadouble-precisionformat,usefulforwidevaluerangesbutbecautiouswithfloating-pointarithmetic.2)Stringsareimmutable,useefficientconcatenationmethodsf</p>
</div>
</div>
<a href="http://miracleart.cn/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<footer>
<div id="377j5v51b" class="footer">
<div id="377j5v51b" class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>Public welfare online PHP training，Help PHP learners grow quickly！</p>
</div>
<div id="377j5v51b" class="footermid">
<a href="http://miracleart.cn/about/us.html">About us</a>
<a href="http://miracleart.cn/about/disclaimer.html">Disclaimer</a>
<a href="http://miracleart.cn/update/article_0_1.html">Sitemap</a>
</div>
<div id="377j5v51b" class="footerbottom">
<p>
? php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="ppjgt" class="pl_css_ganrao" style="display: none;"><dl id="ppjgt"></dl><rt id="ppjgt"></rt><input id="ppjgt"><label id="ppjgt"><option id="ppjgt"></option></label></input><optgroup id="ppjgt"></optgroup><u id="ppjgt"><track id="ppjgt"></track></u><dl id="ppjgt"><sup id="ppjgt"></sup></dl><label id="ppjgt"></label><b id="ppjgt"><th id="ppjgt"><em id="ppjgt"></em></th></b><ins id="ppjgt"></ins><legend id="ppjgt"><dl id="ppjgt"><menuitem id="ppjgt"></menuitem></dl></legend><legend id="ppjgt"></legend><tt id="ppjgt"><delect id="ppjgt"><xmp id="ppjgt"><pre id="ppjgt"></pre></xmp></delect></tt><track id="ppjgt"><form id="ppjgt"></form></track><strong id="ppjgt"><u id="ppjgt"><p id="ppjgt"></p></u></strong><legend id="ppjgt"></legend><pre id="ppjgt"></pre><fieldset id="ppjgt"><legend id="ppjgt"></legend></fieldset><sub id="ppjgt"><dd id="ppjgt"></dd></sub><form id="ppjgt"><s id="ppjgt"><dl id="ppjgt"><sup id="ppjgt"></sup></dl></s></form><object id="ppjgt"><style id="ppjgt"><optgroup id="ppjgt"><menu id="ppjgt"></menu></optgroup></style></object><menuitem id="ppjgt"></menuitem><legend id="ppjgt"></legend><style id="ppjgt"></style><track id="ppjgt"><strong id="ppjgt"><legend id="ppjgt"><label id="ppjgt"></label></legend></strong></track><acronym id="ppjgt"></acronym><small id="ppjgt"></small><pre id="ppjgt"></pre><strong id="ppjgt"><s id="ppjgt"><dl id="ppjgt"><bdo id="ppjgt"></bdo></dl></s></strong><s id="ppjgt"></s><wbr id="ppjgt"></wbr><sup id="ppjgt"></sup><strong id="ppjgt"></strong><table id="ppjgt"></table><u id="ppjgt"></u><bdo id="ppjgt"></bdo><acronym id="ppjgt"><b id="ppjgt"></b></acronym><center id="ppjgt"><tr id="ppjgt"><mark id="ppjgt"><tr id="ppjgt"></tr></mark></tr></center><var id="ppjgt"></var><tfoot id="ppjgt"></tfoot><optgroup id="ppjgt"></optgroup><tr id="ppjgt"><fieldset id="ppjgt"><label id="ppjgt"></label></fieldset></tr><ruby id="ppjgt"></ruby><address id="ppjgt"></address><nobr id="ppjgt"><bdo id="ppjgt"></bdo></nobr><sup id="ppjgt"><address id="ppjgt"><center id="ppjgt"><legend id="ppjgt"></legend></center></address></sup><form id="ppjgt"></form><pre id="ppjgt"></pre><small id="ppjgt"><optgroup id="ppjgt"><sup id="ppjgt"></sup></optgroup></small><legend id="ppjgt"><dl id="ppjgt"><menuitem id="ppjgt"><font id="ppjgt"></font></menuitem></dl></legend><abbr id="ppjgt"><p id="ppjgt"></p></abbr><sup id="ppjgt"><listing id="ppjgt"></listing></sup><pre id="ppjgt"><mark id="ppjgt"></mark></pre><nav id="ppjgt"><optgroup id="ppjgt"><dfn id="ppjgt"><table id="ppjgt"></table></dfn></optgroup></nav><menuitem id="ppjgt"><small id="ppjgt"><rp id="ppjgt"></rp></small></menuitem><button id="ppjgt"></button><strong id="ppjgt"></strong><progress id="ppjgt"><sub id="ppjgt"></sub></progress><xmp id="ppjgt"></xmp><pre id="ppjgt"><u id="ppjgt"><nobr id="ppjgt"></nobr></u></pre><cite id="ppjgt"></cite><li id="ppjgt"><video id="ppjgt"><u id="ppjgt"><tr id="ppjgt"></tr></u></video></li><output id="ppjgt"></output><xmp id="ppjgt"></xmp><dfn id="ppjgt"></dfn><cite id="ppjgt"></cite><table id="ppjgt"></table><noframes id="ppjgt"><u id="ppjgt"></u></noframes><ins id="ppjgt"></ins><thead id="ppjgt"></thead><sup id="ppjgt"><input id="ppjgt"></input></sup><kbd id="ppjgt"></kbd><pre id="ppjgt"><tfoot id="ppjgt"><acronym id="ppjgt"></acronym></tfoot></pre><acronym id="ppjgt"></acronym><del id="ppjgt"><acronym id="ppjgt"><ul id="ppjgt"></ul></acronym></del><meter id="ppjgt"><rp id="ppjgt"></rp></meter><style id="ppjgt"></style><tfoot id="ppjgt"><dd id="ppjgt"><rt id="ppjgt"><th id="ppjgt"></th></rt></dd></tfoot><track id="ppjgt"></track><i id="ppjgt"></i><pre id="ppjgt"></pre><listing id="ppjgt"></listing><sub id="ppjgt"></sub><optgroup id="ppjgt"></optgroup><dl id="ppjgt"><wbr id="ppjgt"><input id="ppjgt"></input></wbr></dl><thead id="ppjgt"></thead><th id="ppjgt"></th><sup id="ppjgt"></sup><optgroup id="ppjgt"></optgroup><th id="ppjgt"></th><pre id="ppjgt"></pre><address id="ppjgt"></address><label id="ppjgt"></label><tr id="ppjgt"></tr><s id="ppjgt"><nobr id="ppjgt"><del id="ppjgt"></del></nobr></s><dfn id="ppjgt"></dfn><legend id="ppjgt"><ul id="ppjgt"><ins id="ppjgt"><sup id="ppjgt"></sup></ins></ul></legend><blockquote id="ppjgt"></blockquote><strong id="ppjgt"></strong><table id="ppjgt"></table><td id="ppjgt"></td><dl id="ppjgt"><noframes id="ppjgt"><u id="ppjgt"><pre id="ppjgt"></pre></u></noframes></dl><thead id="ppjgt"></thead><em id="ppjgt"></em><table id="ppjgt"><u id="ppjgt"></u></table><em id="ppjgt"></em><object id="ppjgt"></object><object id="ppjgt"></object><dd id="ppjgt"><div id="ppjgt"></div></dd><i id="ppjgt"></i><pre id="ppjgt"><font id="ppjgt"><output id="ppjgt"></output></font></pre><del id="ppjgt"></del><style id="ppjgt"></style><option id="ppjgt"><td id="ppjgt"><thead id="ppjgt"></thead></td></option><form id="ppjgt"></form><delect id="ppjgt"></delect><sub id="ppjgt"></sub><fieldset id="ppjgt"></fieldset><thead id="ppjgt"><xmp id="ppjgt"></xmp></thead><menuitem id="ppjgt"></menuitem><pre id="ppjgt"></pre><pre id="ppjgt"></pre><dfn id="ppjgt"></dfn><video id="ppjgt"></video><rp id="ppjgt"></rp><dd id="ppjgt"><wbr id="ppjgt"></wbr></dd><menu id="ppjgt"><strong id="ppjgt"></strong></menu><th id="ppjgt"></th><li id="ppjgt"><video id="ppjgt"><button id="ppjgt"><b id="ppjgt"></b></button></video></li><pre id="ppjgt"></pre><em id="ppjgt"><li id="ppjgt"><noframes id="ppjgt"><u id="ppjgt"></u></noframes></li></em><center id="ppjgt"><tr id="ppjgt"><blockquote id="ppjgt"></blockquote></tr></center><tfoot id="ppjgt"><output id="ppjgt"><form id="ppjgt"></form></output></tfoot><dfn id="ppjgt"><kbd id="ppjgt"></kbd></dfn><blockquote id="ppjgt"><progress id="ppjgt"><sub id="ppjgt"><acronym id="ppjgt"></acronym></sub></progress></blockquote><nobr id="ppjgt"></nobr><em id="ppjgt"></em><rt id="ppjgt"></rt><ins id="ppjgt"></ins><acronym id="ppjgt"></acronym><rp id="ppjgt"></rp><rt id="ppjgt"><form id="ppjgt"></form></rt><del id="ppjgt"><mark id="ppjgt"><dfn id="ppjgt"></dfn></mark></del><thead id="ppjgt"><center id="ppjgt"></center></thead><dfn id="ppjgt"></dfn><sub id="ppjgt"></sub><code id="ppjgt"><dfn id="ppjgt"><strike id="ppjgt"><acronym id="ppjgt"></acronym></strike></dfn></code><dl id="ppjgt"><s id="ppjgt"><i id="ppjgt"><strong id="ppjgt"></strong></i></s></dl><form id="ppjgt"><strike id="ppjgt"><acronym id="ppjgt"></acronym></strike></form></div>
</html>