در صورت تبدیل فایل کتاب HTML: The Ultimate Guide به فرمت های PDF، EPUB، AZW3، MOBI و یا DJVU می توانید به پشتیبان اطلاع دهید تا فایل مورد نظر را تبدیل نمایند.
توجه داشته باشید کتاب HTML: راهنمای نهایی نسخه زبان اصلی می باشد و کتاب ترجمه شده به فارسی نمی باشد. وبسایت اینترنشنال لایبرری ارائه دهنده کتاب های زبان اصلی می باشد و هیچ گونه کتاب ترجمه شده یا نوشته شده به فارسی را ارائه نمی دهد.
Cover
Half Title
Title Page
Copyright Page
Dedication
Contents
About the Author
Acknowledgments
CHAPTER 1: Crash Course HTML
FRONTEND VS. BACKEND
MOSTLY USED FRONTEND TECHNOLOGY
How Does HTML Work as Frontend?
Next Is CSS
How CSS Work as Frontend Technology?
DOM: THE STRUCTURE OF WEBSITES
How DOM Works
Where DOM Came From
JavaScript
How JavaScript Works
Library and Framework
JavaScript AS BACKEND
WHAT IS A MARKUP LANGUAGE?
HTML – HYPERTEXT MARKUP LANGUAGE
HTML INTRODUCTION
HISTORY
HTML FUTURE
HTML VERSIONS
DIFFERENT VERSIONS OF HTML
MARKUP IN HTML
BASIC HTML CONCEPTS
Structure of an HTML Document
HTML DOCUMENT TYPE
HTML TAGS
Paired Tag
Unpaired Tags
Heading Tags (H1 Tag to H6 Tag)
HTML p Tag – Paragraph Tag
HTML Tag – Anchor Tag
HTML img Tag – Image Tag
Self-Closing Tags
Utility-Based Tags
Structure Tags
The tag
The tag
The tag
tag
tag
tag
tag
tag
tag
Control Tags
HTML Tag List
WHAT IS AN HTML EDITOR?
HTML COMMENTS
TYPES OF HTML COMMENTS
HTML TAG VS. ELEMENT
Tag
Element
Key Points
TYPES OF ELEMENTS
TYPES OF HTML ELEMENTS
HTML ELEMENT SYNTAX
EMPTY HTML ELEMENTS
NESTING HTML ELEMENTS
CASE INSENSITIVITY IN TAGS
HTML ATTRIBUTES
Empty Attribute Syntax
Unquoted Value Syntax
GENERAL ATTRIBUTES
The id Attribute
The class Attribute
The title Attribute
The style Attribute
ANATOMY OF AN HTML ELEMENT
SEMANTICS OF EMBEDDED TEXT
TABLES
OTHER INTERACTIVE ELEMENTS
HTML CHARACTER ESCAPE
Lower Case Alphabets
TEXT FORMATTING TAGS
HTML PHRASE TAG
HTML FORMS
BASIC STRUCTURE OF FORMS
HTML – TEXT LINKS
HTML IMAGES
HTML iFRAMES
HTML – EMBED MULTIMEDIA
Embedded Multimedia
The Tag
The Tag
HTML Tag
HTML MARQUEE
Usage
ATTRIBUTES IN TAG
HTML Properties
BENEFITS
CHAPTER SUMMARY
NOTES
CHAPTER 2: HTML Basic Usage
INTRODUCTION
LEARNING WEB SCRIPTING BASICS
SCRIPTING LANGUAGES VS. PROGRAMMING LANGUAGES
SCRIPTING LANGUAGES
WHY DO WE NEED SCRIPTING LANGUAGES?
SCRIPT
WEB SCRIPTS AND THEIR TYPES
TYPES OF SCRIPTS
Server-side Scripts
DYNAMIC ELEMENTS
Features in Dynamic HTML
AN OBJECT-ORIENTED VIEW
STYLESHEETS AND LAYERING
CORRELATION WITH CSS AND JS
How Does HTML Work?
CSS
Stylesheet
Adding Styles Using CSS
Inline Styles
Embedded Stylesheets
External Styles
Importing External Stylesheets
CSS COMMENTS
CSS SELECTORS
Universal Selector
Element Type Selectors
ID Selector
Class Selectors
Descendant Selectors
Child Selectors
Adjacent Sibling Selectors
Standard Sibling Selectors
Grouping Selectors
JAVASCRIPT
Adding JavaScript to HTML Documents
DOM
ACCESS TO DOM
BASIC DATA TYPES
DOM INTERFACES
CORE INTERFACES
CHAPTER SUMMARY
NOTES
CHAPTER 3: Code Optimization
INTRODUCTION
Clean Up the HTML Document
Combining Files
Correct CSS Placement
Correcting JavaScript Placement
Limiting External HTTP Requests
CDN Factor
File Compression
Code Minification
Image Enhancement
Division into Small Components
Analysis of the Frontend Code
HTTP2 to Help Frontend Developers
Enable Preloading
PRELOAD AND PREFETCH IN HTML
Understanding Renders Blocking
Preload Resources
Preload JavaScript
Compress Files (gzip Compression)
Highlight of Brotli
Optimize Your Images
LOSSY VS. LOSSLESS COMPRESSION
Lossy Compression
Lossless Compression
Use a Minimalist Framework
Create Picture Sprites
Apply Lazy Load
Insert JavaScript at the Bottom of the Page
Include Styles Dynamically
Use CSS Animations Instead of JavaScript
Minify CSS, JavaScript, and HTML
WRITING HTML IN CODE
Declare DOCTYPE
Use Meaningful Title Tags and Other Tags
Use the Right Document Structure
DOCTYPE
HTML Document Template
Use Lowercase Letters
Reduce the Number of Elements on the Page
Validate Frequently
Always Place the External Stylesheets in the Tag
Use Div Elements to Divide Your Layout into Main Sections
Minify, Unify, and Shift JavaScript
Use Heading Elements Wisely
Use the Right HTML Element in the Right Place
Don’t Use divs for Everything
Use an Unordered List () for Navigation
Use Alternate Attributes with Images
Avoid Excessive Comments
Choose a Great Code Editor
Start Using the New HTML5 Tags
One h1 Per Page
Stop Supporting IE
Always Specify the Button Type
Using Title Attributes with Links (If Needed)
BEST CODING PRACTICES
SECURITY AND HARDENING IDEAS (HTML SECURITY)
SECURITY
METHODS OF COMMUNICATION IN HTML
Communication Event Model (XHR)
Web Sockets
Server-Sent Events
Web Workers
Web Messaging
Web Messaging Events
Sending a Message across Documents
HTML5 Channel Messages
Cross-Origin Resource Sharing (CORS)
Sandboxing Flags
CHAPTER SUMMARY
NOTES
CHAPTER 4: HTML for Game Development
BUILDING BLOCKSE
Tags
Elements
Attributes
HTML5 GAME FUNDAMENTALS
DEFINING GOALS FOR GAME DEVELOPMENT
User Interaction Processing
Server Side in an HTML5 Game
Graphics and Sprite Sheets
HTML5 Game Frameworks
Amazing Facts about HTML5 Game Development
Multi-Platform
Unique Distribution
Cleaner Code
Geolocation API
Makes Promotion Easier
Game Development Frameworks and Game Engines
Phasers
PlayCanvas WebGL Game Engine
New HTML5 Features
Principles of HTML5 Game Design
Common Patterns
HTML Canvas Graphics
Before the Start
Basic Use of Canvas
About the Tag
Rendering Context
Drawing Shapes with Canvas
Canvas Coordinates
Draw a Circle
HTML Canvas Gradients
Benefits of Using Canvas
Drawing Text on Canvas
CHAPTER SUMMARY
NOTES
CHAPTER 5: CHEAT SHEET
POPULARITY
HTML CHEAT SHEET
HTML DOCUMENT SUMMARY
<body>
HTML DOCUMENT INFORMATION
<base>
<meta>
<link>
<style>
<script>
HTML DOCUMENT STRUCTURE TAGS
<h1 to h6>
<div>
<span>
<p>
<br>
<hr>
TEXT FORMATTING AND INLINE TEXT SEMANTICS
<strong>
<b>
<em>
<i>
<tt>
<strike>
<cite>
<del> … </del>
<ins> … </ins>
<blockquote> ... </blockquote>
<q> ... </q>
<abbr> ... </abbr>
<address> … </address>
<dfn> … </dfn>
<code> … </code>
<smap> ... </smap>
<kbd> ... </kbd>
<var> ... </var>
<pre> ... </pre>
<sub> … </sub>
<sup> … </sup>
<small> … </small>
HTML LINKS
SETTING TARGETS FOR LINKS
<a href=””> … </a>
<a href=“ mailto: ”> … </a>
<a href=“tel://###-###”> … </a>
<a href=“tel://###-###”> … </a>
<a name=“name”> … </a>
<a href=“#name”> … </a>
HTML LISTS
<ol>
<ul>
<li>
<dl>
<dt>
<dd>
HTML FORMS
<form> … </from>
<input>
<label>…</label>
<textarea>
<fieldset>
<legend>
<select>
<option>…</option>
<optgroup>
<progress> … </progress>
<datalist>…</datalist>
<button>…</button>
FORM ATTRIBUTES EVENTS LIST
KEYBOARD ATTRIBUTES EVENTS LIST
MOUSE ATTRIBUTES EVENTS LIST
DRAG ATTRIBUTES EVENTS LIST
WINDOW ATTRIBUTES EVENTS LIST
MEDIA ATTRIBUTES EVENTS LIST
HTML TABLES
<table> … </table>
<caption> … </caption>
<thead> … </thead>
<tbody> … </tbody>
<tfoot> … </tfoot>
<tr> … </tr>
<th> … </th>
<td> … </td>
<colgroup> … </colgroup>
<col>
HTML MULTIMEDIA
<img>
<audio>
<video>
<figure>
<figcaption>
<embed>
<object>
HTML CHARACTERS AND SYMBOLS
HTML CHARACTER ENTITIES
COPYRIGHT, TRADEMARK, AND REGISTERED SYMBOL
PUNCTUATION SYMBOL
ARROWS SYMBOL
MATHEMATICAL SYMBOLS
OTHER SYMBOL
CURRENCY SYMBOLS
HTML ATTRIBUTES
NEW HTML TAGS
NOTES
APPRAISAL
INDEX</pre>
</div>
<br><br>
<br><br>
<h2>نظرات کاربران</h2>
<div class="comments">
<script>
const comments_page_id = 1487787; // This number should be unique on every page
fetch("https://intlibrary.ir/comments.php?page_id=" + comments_page_id + "").then(response => response.text()).then(data => {
document.querySelector(".comments").innerHTML = data;
document.querySelectorAll(".comments .write_comment_btn, .comments .reply_comment_btn").forEach(element => {
element.onclick = event => {
event.preventDefault();
document.querySelectorAll(".comments .write_comment").forEach(element => element.style.display = 'none');
document.querySelector("div[data-comment-id='" + element.getAttribute("data-comment-id") + "']").style.display = 'block';
document.querySelector("div[data-comment-id='" + element.getAttribute("data-comment-id") + "'] input[name='name']").focus();
};
});
document.querySelectorAll(".comments .write_comment form").forEach(element => {
element.onsubmit = event => {
event.preventDefault();
fetch("https://intlibrary.ir/comments.php?page_id=" + comments_page_id, {
method: 'POST',
body: new FormData(element)
}).then(response => response.text()).then(data => {
element.parentElement.innerHTML = data;
});
};
});
});
</script>
</div>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebPage",
"mainEntity":{
"@type": "Book",
"bookFormat": "http://schema.org/EBook",
"image": "https://cover.intlibrary.ir/cover/cover.php?md5=10D0F3E8F99EC38A867C6D7A50C84CE8&id=3765195", "inLanguage": "English",
"name": "HTML: The Ultimate Guide",
"FileFormat": "pdf",
"url" : "https://intlibrary.ir/download/html:-the-ultimate-guide-85005-2251/",
"author": [{ "@type": "Person","name":"Sufyan bin Uzayr" }],
"publisher" : {
"@type" : "Organization",
"name" : "CRC Press"
},
"isbn" : "2023003120",
"numberOfPages" : "324
[325]"
,"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 4.00,
"ratingCount": 10,
"bestRating": 5,
"worstRating": 0
}
}
}
</script>
<!-- featured section starts -->
<section class="arrivals" id="featured">
<h2 class="heading"> <span>کتاب های تصادفی</span> </h2>
<div class="swiper arrivals-slider">
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-wrapper">
<a title="Books for Burning: Between Civil War and Democracy in 1970s Italy" href="https://intlibrary.ir/download/books-for-burning:-between-civil-war-and-democracy-76891/" class="swiper-slide box">
<div class="image">
<img src="https://books.google.com/books/content/images/frontcover/JIbHaGm3edQC?w=250&usc=0" alt="Books for Burning: Between Civil War and Democracy in 1970s Italy" loading="lazy">
</div>
<div class="content">
<h3>دانلود کتاب Books for Burning: Between Civil War and Democracy in 1970s Italy</h3>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i><i class="fas nostar"></i>
</div>
</a>
<a title="The Realisation of Concepts: Infinity, Cognition, and Health" href="https://intlibrary.ir/download/the-realisation-of-concepts:-infinity,-cognition,--44716/" class="swiper-slide box">
<div class="image">
<img src="https://books.google.com/books/content/images/frontcover/PSdJzAEACAAJ?w=250&usc=0" alt="The Realisation of Concepts: Infinity, Cognition, and Health" loading="lazy">
</div>
<div class="content">
<h3>دانلود کتاب The Realisation of Concepts: Infinity, Cognition, and Health</h3>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i><i class="fas nostar"></i>
</div>
</a>
<a title="The Psychiatry of Palliative Medicine: the Dying Mind" href="https://intlibrary.ir/download/the-psychiatry-of-palliative-medicine-the-dyi-73306/" class="swiper-slide box">
<div class="image">
<img src="https://cover.intlibrary.ir/cover/cover.php?md5=e70c3b2d628fb1d68f68b0b2564114f6&id=1629772" alt="The Psychiatry of Palliative Medicine: the Dying Mind" loading="lazy">
</div>
<div class="content">
<h3>دانلود کتاب The Psychiatry of Palliative Medicine: the Dying Mind</h3>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div>
</a>
<a title="Hard Facts, Dangerous Half-Truths, and Total Nonsense · Profiting from Evidence-based Management" href="https://intlibrary.ir/download/hard-facts,-dangerous-half-truths,-and-total-nonse-33621-9273/" class="swiper-slide box">
<div class="image">
<img src="https://books.google.com/books/content/images/frontcover/mF6iFcj6OQwC?w=250&usc=0" alt="Hard Facts, Dangerous Half-Truths, and Total Nonsense · Profiting from Evidence-based Management" loading="lazy">
</div>
<div class="content">
<h3>دانلود کتاب Hard Facts, Dangerous Half-Truths, and Total Nonsense · Profiting from Evidence-based Management</h3>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div>
</a>
<a title="Pavlov's Dogs and Schrödinger's Cat: Scenes from the Living Laboratory" href="https://intlibrary.ir/download/pavlov-s-dogs-and-schrodinger-s-cat-scenes-fr-19693/" class="swiper-slide box">
<div class="image">
<img src="https://books.google.com/books/content/images/frontcover/3scv5z12mtQC?w=250&usc=0" alt="Pavlov's Dogs and Schrödinger's Cat: Scenes from the Living Laboratory" loading="lazy">
</div>
<div class="content">
<h3>دانلود کتاب Pavlov's Dogs and Schrödinger's Cat: Scenes from the Living Laboratory</h3>
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div>
</a>
</div>
</div>
</section>
<!-- featured section ends -->
</div>
</div>
<script>
var swiper = new Swiper(".arrivals-slider", {
spaceBetween: 10,
loop:true,
centeredSlides: true,
autoplay: {
delay: 9500,
disableOnInteraction: false,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
0: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1024: {
slidesPerView: 3,
},
},
});
</script>
<section class="footer">
<div class="share"> <a title="facebook" href="https://www.facebook.com/sharer.php?u=https://intlibrary.ir/download/html:-the-ultimate-guide-85005-2251/" class="fab fa-facebook-f"></a>
<a title="twitter" href="https://twitter.com/home?status=Reading:%20https://intlibrary.ir/download/html:-the-ultimate-guide-85005-2251/" class="fab fa-twitter"></a>
<a title="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://intlibrary.ir/download/html:-the-ultimate-guide-85005-2251/" class="fab fa-linkedin"></a>
<a title="telegram" href="https://telegram.me/share/url?url=https://intlibrary.ir/download/html:-the-ultimate-guide-85005-2251/" class="fab fa-telegram"></a>
</div>
<div class="credit">تمامی حقوق معنوی و مادی وبسایت متعلق به اینترنشنال لایبرری می باشد </div>
<a referrerpolicy='origin' target='_blank' href='https://trustseal.enamad.ir/u?id=388646&code=2tV2wmtwsHVEwW3h2nnQUY7qVh0MIbzS'><img class="enamad" src='https://intlibrary.ir/enamad.png' alt='نماد اعتماد الکترونیکی' ></a>
</section>
<!-- footer section ends -->
<!-- loader
<div class="loader-container">
<img src="image/loader-img.gif" alt="">
</div>
-->
</body>
<!--<script src="https://intlibrary.ir/js/swiper-bundle.min.js"></script>-->
<!-- custom js file link -->
<script src="https://intlibrary.ir/js/js/script.js"></script>
<script>
$(document).ready(function(){
function2();
$('#subscribe').click(function(){
var email = $("#id_email").val();
var topic = $("#topic").val();
$.ajax({
url:'res.php',
type:'POST',
data:{subscribe:'ok',email:email,topic:topic},
success:function(result){
$("#subscribe_res").html(result);
},
error:function(error){
alert(error);
}
});
});
});
</script>
<script>
/*var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "https://intlibrary.ir//req2.php?i=6648489&op=1Exa8", true);
xmlHttp.send();*/
</script>
<script>
function function3(){
$('#pr_es').append('قیمت کتاب (تومان) : 51,000');
document.getElementById("estelam").style.display = 'none';
}
function function2() {
var result = '2023003120';
$.ajax({
url: "https://www.googleapis.com/books/v1/volumes?q=isbn:" + result,
type: 'GET',
dataType: 'json', // added data type
success: handleResponse
});
function handleResponse(res) {
$.each(res.items, function(i, item) {
var desc = item.volumeInfo.description;
$('#result').append(desc);
})
}
}
</script>
</html>