Alles, was Sie wissen müssen, um mit HTML zu beginnen
Dieses Mal bringe ich Ihnen alles, was Sie wissen müssen, um mit HTML zu beginnen. Welche Vorsichtsmaßnahmen Sie beachten müssen, um mit HTML zu beginnen, werfen wir einen Blick darauf.
1. Einführung
1. Hyper Text Mark Language (Hyper Text Mark Language) ist eine Standard-Markup-Sprache zum Erstellen von Webseiten, die vom Browser analysiert wird.
2. Das Dokumentsuffix ist .html oder htm, und HTML-Dateien werden auch als Webseiten bezeichnet.
3. HTML unterstützt keine Leerzeichen, Wagenrückläufe und Tabulatoren wird in ein Leerzeichen geparst
4. HTML-Tags erscheinen normalerweise paarweise, Format:
5
Nur der Inhalt des Tags wird im Browser angezeigt7. -Hinweis-- >
8. Hallo Welt!
2. Tags<!DOCTYPE html> <!--声明HEML版本--> <html> <head> <meta charset="utf-8"> <!--声明编码方式--> <title>helloworld!</title> </head> <body> helloworld! </body> </html>
(1) Basic
<html> </html> HTML页面根元素 <head> </head> 包含文档的元数据(meta) <title> </title> 文档标题，存书签时也显示此内容 <body> </body> 包含了页面的可见内容 <h1> </h1> 大标题，往下每一级标题依次h2,h3的类推，最小标题是h6 <p> </p> 段落 <a href=""> </a> 链接，中间内容为显示内容，例：<a href="http://www.baidu.com">百度</a>；如果target="_blank"，链接会在新的窗口中打开 <img src="address" width="3" height="5" /> 图像，alt属性可在浏览器无法载入图像时显示文本 <iframe></iframe> 框架，使用src属性指向不同的URL，达到一个窗口显示多个页面的目的； <br> 换行符，属于一个空元素，即没有内容的元素，空元素是在开始标签中关闭的<br/> <hr> 分割线 <div> </div> 区块，可用于组合其他元素的容器；可使用它进行布局； <span> </span> 用来组合文档中的行内元素； <!doctype html> 声明html版本，不区分大小写
<strong> </strong> 加粗显示之间的文字，也可用<b></b> <em> </em> 斜体，也可用<i></i> <big> </big> 放大 <small> </small> 缩小 <sub> </sub> 下标文字 <sup> </sup> 上标文字 <ins> </ins> 下划线 <del> </del> 删除线
<abbr> </abbr> 缩写，被缩写的内容用title属性来体现 <address> </address> 定义地址，通常被包含在<footer>元素的其他信息中 <bdo> </bdo> 定义文字方向，默认值为从左到右，可用dir="rtl"来改为从右到左显示 <blockquote> </blockquote> 定义长的引用，可用cite="URL"来规定引用的来源 <q> </q> 定义短的引用，属性cite <cite> </cite> 定义引用、引证 <dfn> </dfn> 定义一个定义项目
1“计算机输出”标签1 <code> </code> 定义计算机代码 2 <kbd> </kbd> 定义键盘码 3 <samp> </samp> 定义计算机代码样本 4 <var> </var> 定义变量 5 <pre class="brush:php;toolbar:false">定义预格式文本
<title> </title> <base> 定义了页面的默认链接地址，通过href属性来实现 <link> 定义了文档和外部资源的关系，通常可用rel,type,href等属性 <meta> 定义了文档中的元数据，可有name,content,charset等属性 <script></script> 用于加载脚本文件 <style></style> 定义了HTML文档的样式文件
1 <img> 2 <area> 定义带有可点击区域的图像，可有shape,coords等属性，来画各种图形 3 <map></map> 带有可点击区域图像映射，必须有name属性，中间可包含area元素；
<table></table> 定义表格，表格的所有内容都应放在里边；属性border=“1”定义了边框大小 <caption></caption> 表格标题 <tr></tr> 表格每一行的内容； <td></td> 一个单元格的内容； <thead></thead> 表格第一行； <th></th> 表头内容，即第一行每一格内容； <tbody></tbody> 表格主体； <tfoot></tfoot> 表格最后一行； <colgroup></colgroup> 表格列的组； <col></col> 表格列的属性；
Verwandte Lektüre:
Verwenden Sie React, um eine Bildkarussellkomponente zu vervollständigenVerwenden Sieund Absatz< p> ; Schreiben Sie ein Sanmao-Angebot
Das obige ist der detaillierte Inhalt vonAlles, was Sie wissen müssen, um mit HTML zu beginnen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1378
52
Tabellenrahmen in HTML
Sep 04, 2024 pm 04:49 PM
Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.
HTML-Rand links
Sep 04, 2024 pm 04:48 PM
Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.
Verschachtelte Tabelle in HTML
Sep 04, 2024 pm 04:49 PM
Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.
HTML-Tabellenlayout
Sep 04, 2024 pm 04:54 PM
Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.
HTML-Eingabeplatzhalter
Sep 04, 2024 pm 04:54 PM
Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.
HTML-geordnete Liste
Sep 04, 2024 pm 04:43 PM
Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele
Text in HTML verschieben
Sep 04, 2024 pm 04:45 PM
Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.
HTML-Onclick-Button
Sep 04, 2024 pm 04:49 PM
Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.
