Présentation du front-end
Hypertext Markup Language (anglais : HyperText Markup Language, appelé : HTML) est un langage de balisage standard utilisé pour créer des pages Web.
Vous pouvez utiliser HTML pour créer votre propre site WEB. Le HTML s'exécute sur le navigateur et est analysé par le navigateur.
Code du serveur :
#!/usr/bin/env python # -*- coding:utf-8 -*- #Author: nulige import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8080)) sock.listen(5) while True: connection, address = sock.accept() buf = connection.recv(1024) f=open("test.html","rb") #以读的方式打开test.html文件 data=f.read() connection.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf8")) connection.sendall(data) connection.close() if __name__ == '__main__': main()
code test.html
nbsp;html> <meta> <title>nulige</title> <title>oldboy</title> <link> <link> <script></script> <h1 id="hello-world">hello world</h1>> <h2 id="hello-world">hello world</h2>> <input> <p>img src="file:///D:/python/day42/1.jpg" width="120" height="80" align=</p> <h1 id="hello-h">hello h1</h1> <div>style</div> <!--<script>--> <!--alert(window.top.document.compatMode)--> <!--</script>-->
Le client est le navigateur, accédez à test.html via le navigateur, et le résultat est As suit :
Exemple 2 : Accédez au site Web de Jingdong
Accédez au schéma schématique du serveur de Jingdong depuis le navigateur
html css js s'appelle : les Trois Mousquetaires d'Internet
Accès Internet : il s'agit en fait de télécharger des pages web
Navigateur : c'est un interprète
Il existe deux modes courants Type :
L'un est le mode cs : c : client s:server
L'un est le mode bs : b : navigateur s : serveur
Langue des balises :
Les balises sont divisées en : balises à fermeture automatique et balises non fermantes
Balises de niveau bloc : n'occupent qu'une petite zone de leur propre police
En ligne balises : occupent une ligne
Qu'est-ce que le HTML ?
Le langage de balisage de texte htyper est un langage de balisage hypertexte
Hypertexte : cela signifie que la page peut contenir des images, des liens et même des éléments non textuels tels que de la musique et des programmes.
Langage de balisage : Un langage composé de balises (tags)
Page Web == Document HTML, analysé par le navigateur, utilisé pour l'affichage
Pages Web statiques : ressources statiques, telles que xxx.htmlPages Web dynamiques : le code html est généré dynamiquement par un certain langage de développement en fonction des demandes des utilisateursarborescence du document html :
Mais ils ne peuvent pas être imbriqués de manière croisée L'attribut de la balise apparaît généralement dans le fichier. sous forme de paires clé-valeur. Par exemple, l'attribut name="alex" ne peut apparaître que dans la balise de début ou dans les balises à fermeture automatique, les noms d'attribut sont tous en minuscules *. Les valeurs d'attribut doivent être entourées de guillemets doubles ou simples. Par exemple, name="alex"Si la valeur de l'attribut et le nom de l'attribut sont exactement les mêmes, écrivez simplement le nom de l'attribut. lecture seule Exemple :
Pour des raisons historiques, chaque navigateur a une interprétation différente de la page. Il existe des différences dans le rendu. , et même le même navigateur affiche la page différemment selon les versions. Avant l'introduction du
standard W3C, les navigateurs n'avaient pas de standards unifiés pour le rendu des pages, ce qui entraînait des différences (mode Quirks ou Compatibilité<input>Mode du fait de l'introduction du standard W3C, les navigateurs ont un rendu des pages unifié) ; . Standard (le mode CSScompat ou Strict est également appelé mode Standards
C'est la différence la plus simple entre les deux).
Après le lancement de la norme W3C, les navigateurs ont commencé à adopter la nouvelle norme, mais il y avait un problème : comment garantir que les anciennes pages Web pouvaient continuer à être consultées. Avant la sortie de la norme, de nombreuses pages étaient écrites. sur la base de l'ancienne méthode de rendu, si la norme est utilisée pour le rendu, la page s'affichera anormalement. Afin de maintenir la compatibilité de rendu du navigateur et de garantir que les pages antérieures à
peuvent être parcourues normalement, les navigateurs conservent l'ancienne méthode de rendu (telle que l'IE de Microsoft). De cette façon, le mode Quircks
et le mode Standards sont produits dans le rendu du navigateur. Les deux méthodes de rendu coexistent dans un seul navigateur.
Exemple d'utilisation :
window.top.document.compatMode: //BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 //CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
C'est le début du diable - le navigateur analyse et restitue la page à sa manière, donc différents styles seront affichés dans différents navigateurs.
<script> alert(window.top.document.compatMode) </script>Si vous ajoutez à votre page, cela équivaut à activer le mode standards, et le navigateur doit analyser et restituer selon la page standard du W3C, donc que votre page apparaîtra de la même manière dans tous les navigateurs. C'est ce que fait balise de tête
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
1: name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
<meta> <meta>
2: http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content, content中的内容其实就是各个参数的变量值。
//(注意后面的引号,分别在秒数的前面和网址的后面) <meta> <meta>
注意:X-UA-Compatible(兼容:IE6 and IE7)
每个主要版本IE新增的功能都是为了让浏览器更容易使用、增加安全性及更支持业界标准。以这些作为IE的特色,其中 一个风险就是旧版本网站无法正确的显示。 为了将这个风险降到最低,IE6允许网页开发人员选择IE编译和显示他们网页的方式。"Quirks mode"为预设,这会 使页面以旧版本浏览器的视点显示,"Standards mode"(也称为"strict mode")特点是支持业界标准最为完善。 然而要利用这个增强的支持功能,网页必须包含恰当的指令。 若一个网页没有包含指令,IE6会将它以quirks mode显示。若网页包含有效的指令但浏 览器无法辨识,IE6会将它以IE6 standards mode显示。因为少数网站已经包含指令,兼容性模式的 切换相当成功。这使网页开发人员能选择将他们的网页转移为standards mode的最佳时机。 随著时间经过,更多网站开始使用standards mode。它们也开始使用IE6的特性和功能来检测IE。举例来说,IE6 不支持universal selector(即css之全局选择器 * {}),一些网站便使用它来针对IE做特定的对应。 当 IE7增加了对全域选择器的支持,那些依赖IE6特点的网站便无法侦测出这个新版本的浏览器。因此那些针对IE的 特定对应无法应用于IE7,造成这些网站便无法如他们预期的显示。由于只支持两种兼容性模式,受到影 响的网站拥有者被迫更新他们的网站使其能支持IE7。 IE8 比之前的任何版本浏览器都更支持业界标准,因此针对旧版本浏览器设计的网页可能无法如预期般呈现。为了帮 助减轻所有问题,IE8引入文件兼容性的概念,使你能选择你的网页设计要对应的特定IE版本。文件兼容性在IE8增加 了一些新的模式,这些模式能告诉浏览器如何解析和编译一个网页。若你的网页无法在 ie8正确的显示,你可以更新 你的网站使它支持最新的网页标准(优先选项)或在你的页面上新增一个meta元素用于告诉IE8如何依照旧版本浏览器 编译你的页面。 这能让你选择将你的网站更新支持IE8新特点的时机。 当 Internet Explorer 8 遇到未包含 X-UA-Compatible 标头的网页时,它将使用 指令来确 定如何显示该网页。 如果该指令丢失或未指定基于标准的文档类型,则 Internet Explorer 8 将以 IE5 模式 (Quirks 模式)显示该网页。
非meta标签
<title>nulige</title> <link> <link> <script></script>
body标签
设置标签背景色
<h3 id="body标签">body标签</h3>
一 基本标签(块级标签和内联标签)
<hn>: n的取值范围是1~6; 从大到小. 用来表示标题. <h1> hello world <h1> <p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白. (块级标签) <b> <strong>: 加粗标签. <strike>: 为文字加上一条中线. <em>: 文字变成斜体. <sup>和<sub>: 上角标 和 下角表. <br>:换行. <hr>:水平线 <div> <div> hello world</div> 就是什么都不做(重点) <span> :只占一小块空间 (内联标签) 内联标签:只能嵌套内联标签 块级标签:可以嵌套内联标签
示例:演示div标签
<div style="color: green; background-color: aquamarine;height: 100px;width: 50%;font-size: 40px;text-align: center">hello</div>
运行效果:
块级标签:

WebDevelopmentReliesOnHTML, CSS, etjavascript: 1) HTMLSTRUCTURESCONTENT, 2) CSSSTYLESIT, et3) JavascriptAdddsInterActivity, Forming TheasisofmodernweBEBExperiences.

Le rôle de HTML est de définir la structure et le contenu d'une page Web via des balises et des attributs. 1. HTML organise le contenu via des balises telles que, ce qui le rend facile à lire et à comprendre. 2. Utilisez des balises sémantiques telles que, etc. pour améliorer l'accessibilité et le référencement. 3. Optimisation du code HTML peut améliorer la vitesse de chargement des pages Web et l'expérience utilisateur.

Htmlisaspecificypeofcodefocusedonconstructringwebcontent, tandis que "code" en général incluse les langues liés à lajavaScriptandpythonforfonctionnality.1) htmldefineswebpagestructureusingtags.2) "Code" enclueSawidererRangeFlanguageForgicandInteract "

HTML, CSS et JavaScript sont les trois piliers du développement Web. 1. HTML définit la structure de la page Web et utilise des balises telles que, etc. 2. CSS contrôle le style de page Web, en utilisant des sélecteurs et des attributs tels que la couleur, la taille de la police, etc. 3. JavaScript réalise les effets dynamiques et l'interaction, par la surveillance des événements et les opérations DOM.

HTML définit la structure Web, CSS est responsable du style et de la mise en page, et JavaScript donne une interaction dynamique. Les trois exercent leurs fonctions dans le développement Web et construisent conjointement un site Web coloré.

HTML convient aux débutants car il est simple et facile à apprendre et peut rapidement voir les résultats. 1) La courbe d'apprentissage de HTML est fluide et facile à démarrer. 2) Il suffit de maîtriser les balises de base pour commencer à créer des pages Web. 3) Flexibilité élevée et peut être utilisée en combinaison avec CSS et JavaScript. 4) Les ressources d'apprentissage riches et les outils modernes soutiennent le processus d'apprentissage.

Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

Comment concevoir l'effet de segmentation en pointillés dans le menu? Lors de la conception des menus, il n'est généralement pas difficile d'aligner la gauche et la droite entre le nom et le prix du plat, mais que diriez-vous de la ligne ou du point pointillé au milieu ...


Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

MinGW - GNU minimaliste pour Windows
Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

SublimeText3 Linux nouvelle version
Dernière version de SublimeText3 Linux

DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel

Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire

Navigateur d'examen sécurisé
Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.