Table des matières
小标题
会员注册
标签写法以及嵌套的探讨
其他标签
Maison interface Web tutoriel HTML Html5的一些基础知识_html/css_WEB-ITnose

Html5的一些基础知识_html/css_WEB-ITnose

Jun 24, 2016 am 11:26 AM





页面标题








是一条直线

小标题


小标题





指的是段落




指的是换行,放在一句话的后面,重复用可以多空几行

指的是空格。圆角状态下的空格也可以在网页中表现出来。

Tab指缩进

title放上去的时候会显示


苹果

苹果是一种水果

香蕉

香蕉也是一种水果


是指定义








姓名 性别 学科
李培能 语文
胡习平 语文
王小康 语文
戴晓 语文

表格由table标签创建,tr标签创建行,td(colspan可以横跨几列,
rowspan可以横跨几行)或th(使第一行粗一点)创建列;
border标签表示表格边框的宽度,cellpadding标签表示字和框线的距离,
cellspacing标签表示每个单元格的间距




会员注册



姓名:

密码:

头像:





性别:
  



爱好:读书
上网
旅游

自我介绍:






form表示表单;input标签定义表单的输入界面,通过type属性来展示不同
的输入界面,通过value来改变默认值,file可以用来上传头像,hidden表示隐
藏,button表示普通按钮,radio表示单选(但是要加name来关联),checkbox用
来表示多选(爱好),submit表示提交,rest表示重置;
action表示表单要提交到哪里,method表示提交方式(post和get);
checked=“checked”表示单选或复选的默认选择,disabled="disabled"表示默认
选择无法改变,readonly=“readonly”表示只读,size表示框的长度,textarea
是双标签,表示多行输入(cols表示长度,rows表示行数);
label用来提升用户体验,使勾选更容易(需要id和for配合使用);
select用来创建下拉栏{用option【用disabled(不能选),selected="selected"
(默认),value】来配合,还有disabled,name,multiple="multiple"(展开)};
optgroup用来表示组合(用label来配合),给选项进行分组



Html5的一些基础知识_html/css_WEB-ITnose

从前有座灵剑山





相对路径,指的就是图片的名字
./等于当前目录 ../等于上一级目录 文件夹名称/等于当前目录内的文件夹
Html5的一些基础知识_html/css_WEB-ITnose

百度贴吧



换行


不换行

我是一句话





  • 网友A:我喜欢小说。


    • 网友B:我喜欢漫画。


      • 网友A:小说更好看。





  • 列表



  1. 列表

  2. 列表


向下卷动

ANSI格式对应的charset=“gb2312”


标签写法以及嵌套的探讨


1、不容许写结束标签的元素有(单标签):area,bass,br,col,command,embed,hr,img,
input,keygen,link,meta,paran,source,track,wbr.

  可以省略结束标签的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,
thead,tbody,tfoot,tr,td,th.

  可以省略全部标签的元素有:html,head,body,colgroup,tbody.

2、具有boolean值(是/否)的属性:disabled,readonly,checked.
这些元素写的话就是true,不写的话就是false

属性值的引号可以省略,但属性值不可以包括空字符串,,=,+

3、块级元素可以嵌套内联元素,比如:


但内联元素不可以嵌套块级元素,span不可以在div的前面;

内联元素可以嵌套内联元素,比如:

块级元素不能放在p标签内,比如:

是错的,

也是错的;

li内可以包含div标签和ul、ol标签;

块级元素和内联元素是可以相互转化的。

是对的。

其他标签


head中合法的标签有:bass,link,meta,title,style,script.
1、为html页面添加描述信息用于搜索引擎抓取
使用name属性,配合content来实现!(放在head中,title的下面)


2、引入css文件
css代码是写在一个单独的文件中的

3、为html文档加入使用的语言,在国际化网站中使用


英文使用en
4、用html来实现网页的跳转

5、告诉浏览器不要加载页面的缓存(即获取网站的最新内容)

6、iframe标签,框架(把一个网页以小框框的形式插入到另一个网页)
创建包含另一个文档的内联框架(即行内框架)【是在body内】。
属性:
frameborder 值:1,0 作用:规定是否显示框架周围的边框
width
scrolling 值:yes,no,auto(自动) 作用:规定是否在iframe中显示滚动条
src 规定在iframe中显示文档的URL,可以是本地的html文件,也可以是远程的html文件






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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

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

Le cache de mise à jour de la page Web du compte officiel, cette chose est simple et simple, et elle est suffisamment compliquée pour en boire un pot. Vous avez travaillé dur pour mettre à jour l'article officiel du compte, mais l'utilisateur a toujours ouvert l'ancienne version. Dans cet article, jetons un coup d'œil aux rebondissements derrière cela et comment résoudre ce problème gracieusement. Après l'avoir lu, vous pouvez facilement faire face à divers problèmes de mise en cache, permettant à vos utilisateurs de toujours ressentir le contenu le plus frais. Parlons d'abord des bases. Pour le dire franchement, afin d'améliorer la vitesse d'accès, le navigateur ou le serveur stocke des ressources statiques (telles que des images, CSS, JS) ou du contenu de la page. La prochaine fois que vous y accédez, vous pouvez le récupérer directement à partir du cache sans avoir à le télécharger à nouveau, et il est naturellement rapide. Mais cette chose est aussi une épée à double tranchant. La nouvelle version est en ligne,

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

Cet article démontre un ajout de bordure PNG efficace aux pages Web à l'aide de CSS. Il soutient que CSS offre des performances supérieures par rapport à JavaScript ou à des bibliothèques, détaillant comment ajuster la largeur, le style et la couleur des bordures pour un effet subtil ou proéminent

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

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

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

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

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

Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit

See all articles