HTML基础

时间：2023-04-02 11:52:12 HTML

什么是HTML？官方回答：超文本标记语言。看完这个解释，很多人还是一头雾水。其实并没有那么复杂，你只要把HTML理解为浏览器可以识别的语言即可。在第一个示例中，创建index.html并输入以下代码：Document这是最简单的html结构代码说明1.所有的HTML文档都应该有一个标签2.标签可以包含两部分：和3、标签包含了整个文档的一般信息，如：title、meta、link等。4、页面上可以看到的内容放在标签中。简介1.有些标签成对出现，有些则以自闭形式出现。如：

、等。2、哪些标签是成对出现的，哪些是自闭合的，这就需要我们死记硬背了。3.根据换行的效果，Label元素可以分为：内联元素和块级元素块级元素div——常用的块级很容易，也是css布局的主要标签p——段落ul-未排序列表表-表h1-标题h2-副标题h3-3级标题h4-4级标题h5-5级标题h6-6级标题form-交互式表单hr-水平分隔线预格式化文本dl-定义列表ol-排序形式div元素

段落元素

这是一段

列表元素

咖啡
牛奶

浏览器效果：CoffeeMilk有序列表元素

Coffee
Milk

浏览器效果：CoffeeMilk内联元素a-锚点br-linebreakcite-参考代码-计算机代码（引用源代码时需要）em-强调i-斜体img-图像输入-输入框kbd-定义键盘文本标签-表格标签选择-项目选择small-小字体文本跨度-common内联容器，定义文本块strong-粗体强调textarea-多行文本输入框HTML5新标签header-定义页面或区域的页眉footer-定义页面或区域的页脚nav-定义导航链接部分-定义文档中的节（section，section））。如章节、页眉、页脚或文档的其他部分我们、客户服务、网站公告等audio-定义音频内容，例如音乐或其他音频流canvas-定义图形，例如图表和其他图像aside-为两列或多列页面定义侧边栏内容，例如如联系我们、客服、网站公告等command-mark定义一个命令按钮，例如单选按钮、复选框或按钮datalist-定义一个选项列表，需要与input元素结合使用，受input元素的list属性绑定，用于定义inputdetails的可能值——用于描述文档或文档的一部分的细节。embed-定义外部交互内容或插件。figure-定义一组媒体内容（图像、图表、照片、代码等）及其标题hgroup-定义有关文件中块的信息，并使用hgroup标签组合网页或部分的标题（section)mark-定义标记的文本。当需要突出显示文本时使用此标签。元素的属性元素的属性是属于元素本身的东西。格式：属性名='值'。属性由空格分隔。

说明1、html属性分为：标准属性和用户自定义属性。2、标准属性由系统定义，如：id、class、style、title。（注意：base、head、html、meta、param、script、style、title等元素没有前面的属性。）3.自定义属性由用户自己定义，只要符合就生效属性的格式。HTML5中新增了data-*方法来自定义属性。例如：data-name='maincontainer'