Table des matières
等标签进行定义的。
Maison interface Web tutoriel HTML 30分钟入门HTML_html/css_WEB-ITnose

30分钟入门HTML_html/css_WEB-ITnose

Jun 24, 2016 am 11:40 AM

一、HTML标签

1.标题标签  

-

等标签进行定义的。

2.段落标签  

3.图片标签  30分钟入门HTML_html/css_WEB-ITnose

例如:30分钟入门HTML_html/css_WEB-ITnose

总之注意:所有标签不要忘记结束标签。

二、元素

元素指的是从开始标签到结束标签之间的所有代码。元素之间可以嵌套。

例如:

元素

注意:
表示换行。


表示水平线。

三、属性

标签中包含了HTML中的更多信息,通常都是用属性表示,属性总是以名称/值的形式出现。

例如: 超级链接

1.样式

作用:用来修饰元素。

格式:元素标签> 

例如:

样式变了

2.target

作用:在新的浏览器窗口打开链接

例如:在新的浏览器窗口打开链接标签>

2.超链

作用:跳转url

格式:元素标签>

3.锚点

作用:减少服务器请求。

格式元素标签>

例如:Useful Tips Section

Jump to the Useful Tips Section.

注意:

假如你这样书写链接的话:href="http://localhost:3000/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://localhost:3000/html/"命名锚经常被用在长的文档中创建目录。可以为每个章节赋予一个命名锚,然后连接到这些锚的链接被置于文档的上部。

假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。

四、表格

表格数据

每行包含多个

表格数据,表格数据可以包含文字、图片、列表、段落、表单、水平线、表格等。

表格边框:

每列的表头:

列名

标题:

标题

注意:空单元格

 

跨列:

内容

跨行:

内容

列表:

  • 单元格边距:

    单元格间隔:

    表格背景颜色:

    表格背景图片:

    单元格背景颜色:

    单元格背景图片:

    ...等

    五、列表

    无序列表:

    有序列表:

    自定义列表: 以

    标签开始。每个自定义列表项以
    开始。每个自定义列表项的定义以
    开始。

    例如:

    Coffee

    Black hot drink

    Milk

    White cold drink

    六、表单

    格式:

    input 元素

    例如:

    类型:

    textField -> text

    单选 -> radio

    复选 -> checkbox

    action:响应


  • Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

    Article chaud

    Musée de deux points: Guide de localisation de Bungle Wasteland
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Combien de temps faut-il pour battre Split Fiction?
    3 Il y a quelques semaines By DDD
    Repo: Comment relancer ses coéquipiers
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island Adventure: Comment obtenir des graines géantes
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

    Article chaud

    Musée de deux points: Guide de localisation de Bungle Wasteland
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Combien de temps faut-il pour battre Split Fiction?
    3 Il y a quelques semaines By DDD
    Repo: Comment relancer ses coéquipiers
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    Hello Kitty Island Adventure: Comment obtenir des graines géantes
    3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

    Tags d'article chaud

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version? Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version? Mar 04, 2025 pm 12:32 PM

    Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version?

    Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Mar 17, 2025 pm 12:27 PM

    Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur?

    Comment ajouter efficacement les effets de course aux images PNG sur les pages Web? Comment ajouter efficacement les effets de course aux images PNG sur les pages Web? Mar 04, 2025 pm 02:39 PM

    Comment ajouter efficacement les effets de course aux images PNG sur les pages Web?

    Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

    Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez?

    Quelles sont les implications de sécurité de l'utilisation des iframes et comment puis-je les atténuer? Quelles sont les implications de sécurité de l'utilisation des iframes et comment puis-je les atténuer? Mar 18, 2025 pm 02:51 PM

    Quelles sont les implications de sécurité de l'utilisation des iframes et comment puis-je les atténuer?

    Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Mar 17, 2025 pm 12:20 PM

    Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5?

    Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Mar 12, 2025 pm 04:05 PM

    Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement?

    Comment utiliser le HTML5 & LT; METER & GT; élément pour afficher des données numériques dans une plage? Comment utiliser le HTML5 & LT; METER & GT; élément pour afficher des données numériques dans une plage? Mar 12, 2025 pm 04:08 PM

    Comment utiliser le HTML5 & LT; METER & GT; élément pour afficher des données numériques dans une plage?

    See all articles