简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Teilen Sie eine Integration von HTML-Wissenspunkten

Y2J
Freigeben： 2017-05-23 09:34:30
Original
1716 Leute haben es durchsucht

Der folgende Editor bietet Ihnen eine Zusammenfassung der Front-End-HTML-Wissenspunkte (empfohlen). Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Kommen Sie und schauen Sie sich den Editor an

1. Überblick über HTML

Htyper Text Markup Language ist Hypertext Markup Language

Hypertext: Dies bedeutet, dass die Seite Bilder, Links und sogar Nicht-Text-Elemente wie Musik und Programme enthalten kann.

Auszeichnungssprache: Eine aus Tags (Tags) bestehende Sprache

Webseite==HTML-Dokument, vom Browser analysiert und zur Anzeige verwendet

StatischWebseiten: statische Ressourcen, wie zum Beispiel xxx.html

Dynamische Webseiten: HTML-Code wird dynamisch von einer bestimmten Entwicklungssprache basierend auf Benutzeranfragen generiert

Das Folgende Das Konzept des Baumstrukturdiagramms der HTML-Datei

Tag:

• ist umschlossen durch ein Paar spitzer Klammern. Zum Beispiel: *Wörter in allen Tags dürfen nicht mit einer Zahl beginnen Es wird empfohlen, Kleinbuchstaben zu verwenden.

•Das Tag ist in zwei Teile unterteilt: das Start-Tag und das End-Tag . Der Teil zwischen den beiden Tags wird als Tag-Körper bezeichnet.

Einige Tag-Funktionen sind relativ einfach. Diese Art von Tag wird als selbstschließendes Tag bezeichnet ;

• Tag Kann verschachtelt werden, aber nicht kreuzverschachtelt 🎜>Tags

-Attribut

:

•Erscheint normalerweise in Form von Schlüssel-Wert-Paaren. Beispielsweise können nur name="alex"Attribute verwendet werden erscheinen im öffnenden Tag oder im schließenden Tag.

•Attributnamen sind alle in Kleinbuchstaben *Attributwerte müssen in doppelte oder einfache Anführungszeichen gesetzt werden, z. B. name="alex"

•Wenn der Attributwert genau mit dem Attributnamen übereinstimmt, schreiben Sie einfach den Attributnamen direkt Haupt-Tags

•Die Zusammensetzung des Meta-Tags: Das Meta-Tag hat zwei Attribute, nämlich das http-äquivalente Attribut und das Namensattribut. Verschiedene Attribute haben unterschiedliche Parameterwerte .Diese unterschiedlichen Parameterwerte realisieren unterschiedliche Webseitenfunktionen.

1 Das Namensattribut wird hauptsächlich zur Beschreibung von Webseiten verwendet, und der entsprechende Attributwert ist Inhalt. Der Inhalt wird hauptsächlich verwendet, um Suchmaschinenrobotern das Auffinden und Klassifizieren von Informationen zu erleichtern .

2 http-equiv entspricht, wie der Name schon sagt, der Datei-Header-Funktion von http. Es kann einige nützliche Informationen an den Browser zurückgeben, um den Inhalt der Webseite korrekt und genau anzuzeigen und die entsprechenden Attribute Der Wert ist Inhalt, und der Inhalt im Inhalt ist tatsächlich der variable Wert jedes Parameters.

3. Body-Tags



Grundlegende Tags: 

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">
<meta name="description"content="老男孩培训机构是由一个老的男孩创建的">
Nach dem Login kopieren

: Der Wertebereich von n reicht von groß bis klein. 

<meta http-equiv="Refresh"content="2;URL=//m.sbmmt.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)
<meta http-equiv="content-Type"content="text/html;charset=UTF8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>老男孩</title>
<link rel="icon" href="http://www.jd.com/favicon.ico">
Nach dem Login kopieren
: Der umbrochene Inhalt wird ebenfalls umbrochen zwischen dem oberen und unteren Inhalt.

: Fettschrift.: Fügen Sie dem Text eine Mittellinie hinzu.

: Textänderung in Kursivschrift.

und : hochgestellt und tiefgestellt.


: Zeilenumbruch.

:Horizontale Linie

Tags und Inline-Tags auf Blockebene

Tags auf Blockebene:


    Inline-Tag: < ;sup>

    Eigenschaften des Block-(Block-)Elements

    ① Beginnt immer in einer neuen Zeile;

    ②Höhe, Zeilenhöhe und

    Rand

    und

    Abstand

    können alle gesteuert werden;

    ③ Die Breite beträgt standardmäßig 100 % des Containers, sofern nicht anders festgelegt eine Breite. ④ Es kann Inline-Elemente

    und andere Blockelemente

    Funktionen von Inline-Elementen

    aufnehmen ① und andere Elemente befinden sich in derselben Zeile;

    ② 高，行高及外边距和内边距不可改变；

    ③ 宽度就是它的文字或图片的宽度，不可改变

    ④ 内联元素只能容纳文本或者其他内联元素

    对行内元素，需要注意如下

    设置宽度width 无效。

    设置高度height 无效，可以通过line-height来设置。

    设置margin 只有左右margin有效，上下无效。

    设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。

    特殊字符：

    < >；"；©®

    图形标签：

    src: 要显示图片的路径.

    alt: 图片没有加载成功时的提示.

    title: 鼠标悬浮时的提示信息.

    width: 图片的宽

    height:图片的高 (宽高两个属性只用一个会自动等比缩放.)

    超链接标签:　

    href:要连接的资源路径 格式如下: href="//m.sbmmt.com"

    target: _blank : 在新的窗口打开超链接. 框架名称: 在指定框架中打开连接内容.

    name: 定义一个页面的书签.

    用于跳转 href : #书签名称.

    列表标签:

      : 无序列表

        :有序列表

      1. :列表中的每一项.

        定义列表

        列表标题

        列表项

        表格标签

        ：


        border: 表格边框.

        cellpadding: 内边距

        cellspacing: 外边距.

        width: 像素 百分比.（最好通过css来设置长宽）

        : table row

        (不常用): 为表格进行分区

        表单标签

        表单用于向服务器传输数据。

        表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

        表单还可以包含textarea、select、fieldset和 label 元素。

        1、表单的属性

        HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。表单标签, 要提交的所有内容都应该在该标签中.

        action: 表单提交到哪. 一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.sogou.com/web

        method: 表单的提交方式 post/get 默认取值 就是 get（信封）

        get: 1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.

        post:1.提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.

        get/post是常见的两种请求方式.

        2.表单元素


        type:
        text 文本输入框

        password 密码输入框

        radio 单选框

        checkbox 多选框

        submit 提交按钮

        button 按钮(需要配合js使用.) button和submit的区别？

        file 提交文件：form表单需要加上属性enctype="multipart/form-data"

        XML/HTML Code复制内容到剪贴板

        def index(request):   
    print request.POST   
    print request.GET   
    print request.FILES   
    for item in request.FILES:   
        fileObj = request.FILES.get(item)   
        f = open(fileObj.name, &#39;wb&#39;)   
        iter_file = fileObj.chunks()   
        for line in iter_file:   
            f.write(line)   
        f.close()   
    return HttpResponse(&#39;ok&#39;)　
        Nach dem Login kopieren

        name: 表单提交项的键.注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在

        css和javascript中使用的。

        value: 表单提交项的值.对于不同的输入类型，value 属性的用法也不同：

        type="button", "reset", "submit" - 定义按钮上的显示的文本

        type="text", "password", "hidden" - 定义输入字段的初始值

        type="checkbox", "radio", "image" - 定义与输入相关联的值

        checked: radio 和 checkbox 默认被选中

        readonly: 只读. text 和 password

        disabled: 对所用input都好使.

        : table head cell

        		: table data cell

        rowspan: 单元格竖跨多少行

        colspan: 单元格横跨多少列（即合并单元格）

        		: table header