Qu'est-ce que le HTML?
- HTML fait référence au langage de balisage hypertexte ( H yper T ext M arkup L anguage)
- HTML n'est pas un langage de programmation, mais un langage de balisage (langage de balisage)
- Le langage de balisage est un ensemble de balises de balisage (balise de balisage)
- HTML utilise des balises de balisage pour décrire les pages Web
Effet principal:
-
Faire la présentation des données
Balises HTML:
- Les balises HTML apparaissent généralement par paires , telles que <body> et </body>
- Une seule balise est une occurrence unique telle que: saut de ligne <br/>, <meta />
- La première étiquette de la paire d'étiquettes doubles est l' étiquette de début et la deuxième étiquette est l' étiquette de fin
Document HTML = page Web
- Document HTML décrivant la page Web
- Les documents HTML contiennent des balises HTML et du texte brut
- Les documents HTML sont également appelés pages Web
Utilisez le logiciel sublime_text pour écrire du HTML
- Choisissez le chemin d'enregistrement du fichier
- Ouvrez le logiciel -> Fichier -> Nouveau fichier 、
- Enregistrer et commander: Format de dénomination: nom de fichier.html
- Ecrire le code -> Raccourci:! + Tab (Ce raccourci peut générer rapidement des codes couramment utilisés et réduire la charge de travail)
1.html code source
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的第一个Html 标题</title> </head> <body> <div Align="center"> <H1>登录</H1> <form ction = "2.html"> <p>用户名：<input type = "text"/><br/></p> <p>密码：<input Password = "text"/><br/></p> <p><input type="submit" value="提交"><br/></p> </form> </div> <div Align="center"> <H4>性别</H4> <form ction = "2.html"> <p><input type="radio" value="1">男<br/></p> <p><input type="radio" value="2">女<br/></p> <p><input type="submit" value="提交"><br/></p> </form> </div> </body> </html>
2.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <H1>跳转成功</H1> <a href="http://www.Baidu.com.cn/" target="_blank">Visit Baidu!</a> </body> </html>
Introduction détaillée du code source
<!DOCTYPE html> /*DOCTYPE ： Document 与 Type 的简写 ，表示文件头： 页面的响应数据类型*/ <html lang="en"> /*lang ： Language 语言的意思 ; en表示英文; zh-cn 或者 cn 表示中文*/ <head> /*Head 表示html的头的部分*/ <meta charset="UTF-8"> /*Meta ---metadata : 源数据 UTF-8 ----Unicode码 全世界的通用码*/ <title>我的第一个Html 标题</title> /*Title :表示文档的标题*/ </head> <body> /*Body 表示html的正文的部分*/ <div Align="center"> /*div ：分区标签 Align="center" ：居中*/ <H1>正文标题</H1> /*HTML 正文标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。<h1> 定义最大的标题。<h6> 定义最小的标题。*/ <form ction = "2.html"> /* Form---表单 该标签一般不会单独使用 会和input标签联合使用/ <p>用户名：<input type = "text"/><br/></p> /*Text ----文本框 */ <p>密码：<input Password = "text"/><br/></p> /*Password ----密码框*/ <p><input type="submit" value="提交"><br/></p> /*Submit ----提交按钮*/ </form> </div> </body> </html>