HTML组成成分及其结构

最新推荐文章于 2024-07-26 15:05:00 发布
最新推荐文章于 2024-07-26 15:05:00 发布
阅读量1.4k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44552861/article/details/96284511
版权

一、HTML基本结构

<!DOCTYPE html> <!-- H5文档类型=html -->
<html>
<head>
    <!-- 屏幕自适应大小-->
    <meta name="viewport" content="width=device-width" />
    <title>文档标题</title>
</head>
<body>
    文档主体内容
</body>
</html>

二、HTML头部标签
1.meta标签-元信息
meta标签：页面元信息，位于中
meta标签属性：键值对
①定义编码格式：
②为网页定义描述内容：
③为搜索引擎定义关键词：
④常用的针对移动网页优化过viewport的meta：

2.link标签-链接外部资源 @*链接外部css文件*@ @*链接icon文件*@ 3.base标签-基准链接 为页面所有链接规定默认url或默认target 
<base href="" target=""/>
<base />属性值描述
herfUrl规定页面所有链接的默认url
target_self,_blank规定页面所有链接的默认打开方式

三、HTML标签
1.HTML标签分类
①按标签类型分类：

标签类型标签
单标签<br /> <img /><input />......
双标签<a></a><b></b><p></p><label></label><div></div>......

②按标签显示模式分类：

标签显示模式标签
块级元素<div></div><ul></ul>...
行级元素<span></span><a></a>...
行内块元素<img /><td></td>...

2.HTML标签属性
HTML标签属性格式：name=“value”
例如:

属性值描述
idid规定元素的唯一id
classclassname为html元素定义一个或多个类名(classname)
stylestyle_definition规定元素的行内样式(inline style 内联样式)
titletext描述了元素的额外信息（作为工具条使用）

3.排版标签

排版标签Html标签
标题标签

一级标题

～
六级标题
段落标签

这是一个段落标签

换行标签<br />
水平线标签<hr />
块标签
这是一个块标签
行标签这是一个行标签

4.文本格式化标签

文本格式Html标签
加粗<strong></strong>
斜体<em></em>
下划线<ins></ins>
删除线<del></del>

5.多媒体标签
（1）embed标签-嵌入内容

<embed src="" type="" />
<embed/>属性值描述
srcurl嵌入内容的url
typetype嵌入内容的类型
width&heightpx嵌入内容的宽或高

（2）audio标签-音频

<audio src=""></audio>
<audio>属性值描述
srcurl音频的url
autoplayautoplay自动播放
controlcontrol显示音频控件
looploop循环播放

（3）vidio标签-视频

<video src=""></video>
<video>属性值描述
srcurl音频的url
autoplayautoplay自动播放
controlcontrol显示音频控件
looploop循环播放
width&heightpx视频的宽或高

6.链接标签-a

<a href="url" target="_blank"></a>
<a>属性值描述
hrefurl超链接url/# id
target_self本标签页打开(默认)
target_blank新标签页打开
nametext锚点名称
title" "鼠标移到上面显示的文本描述

①锚点定位：<a href="#id/name"></a>
给每个锚点添加ID，点击链接直接跳转到对应ID的位置

 <a href="https://www.baidu.com/#aa">锚点id1</a>
 <a href="Default/Index/#bb">锚点id2</a>
 ...
 <div id="aa"></div>
 <div id="bb"></div>

②路径
内部页面用相对路径，外部链接用url

<a href="~/Image/88.jpg"></a>//image文件夹下的88.jpg文件
<a href="../../content/image/88.jpg"></a>//..代表上行到父文件夹
奶茶加糖
关注
人工智能专业数据结构课程论文-《浅谈递归算法及其在人工智能方面的应用》
m0_64198455的博客
12-21 894
随着课程的推进，我们进入了特殊线性表——栈与队列的学习。而栈有一个重要应用是在程序设计语言中实现递归。递归是算法设计中常用的手段，它通常可把一个大型复杂问题的描述和求解变得简洁和清晰。因此递归算法常常比非递归算法更易设计，尤其是当问题本身或所涉及的数据结构是递归定义的时候，使用递归方法更加合适。除此之外，递归在人工智能方面也有着广泛的应用，如深度学习领域的递归神经网络、人工智能分支之一人工生命。人工智能的本质其实就是算法智能。总之，递归算法在很多领域都有显著体现和重要应用。
依赖分析与基于转移的解析结合起来可以更好地理解语言学结构和有效地进行文本处理、机器翻译等任务Introduction to Dependency Parsing and Transitionbased
程序员光剑
08-06 1150
关于依存句法分析（Dependency Parsing）与基于转移的解析（Transition Based Parsing），是近几年计算机科学领域中重要且热门的话题。依存句法分析旨在从文本中识别出句子中的各个成分之间的相互作用关系。基于转移的解析是一种动态规划（Dynamic Programming）算法，它能够将一个给定的句子切分成词符序列，并确定这些词符之间的关系。因此，依赖分析与基于转移的解析结合起来可以更好地理解语言学结构和有效地进行文本处理、机器翻译等任务。
HTML的基本结构和语法组成
m0_58600615的博客
07-04 2530
HTML的基本结构为网页的整体（html）、网页的头部（head）、网页的标题（title）、网页的身体（body）对应的代码结构为Visual Studio Code, Webstorm, Sublime, Dreamweaver, Hbuilder 个人比较喜欢使用的是VS Code,里面有很多的插件可以使用，非常的便捷，比如open in browser插件，可以直接打开浏览器语法结构为：注释的内容是不会在网页中编译的，这个注释的作用和我们上学的时候在课本上做笔记的作用.........
HTML基本组成结构与标签的认识
weixin_34001430的博客
11-15 637
HTML基本组成结构与标签 其实组成结构用一张图来简单了解下如下 目前一般网站的结构是会如此不是很清晰简单 先来说说header头部 这样是不是更加清楚了 导航栏是引导用户查看网站内容的快捷入口，打个比方例如你去超市买酱油，超市的头顶上会挂着分类区域例如，生活用品、服装、厨具等 然后你就会通过分类去找你要买的物品归类在哪，到那你就只用找你想要买的酱油就可以了。这样是不是容易理解点...
HTML基础
最新发布
2202_76101487的博客
07-26 900
本文主要讲解了html的相内容
HTML的组成
Alan Zhuang的博客
08-05 1452
今天小编给大家详细讲解HTML的组成。        头部分 标签： 网页中头部的信息，不用于显示网页的数据。 http-equiv:该属性主要是用于告诉浏览器使用了什么编码解释该网页的内容。 content="text/html;charset=utf-8"：告诉浏览网页的内容是以文本格式存在的。解释网页的内容使用了UTF-8编码方式。 -->
HTML文件组成
风从北方来的博客
05-16 766
在Pycharm中创建HTML文件时会自动生成一个具有基本框架的HTML文件。如下&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&g
HTML组成与语法
niushitang的专栏
11-27 1712
每天进步一点点                网页设计全方位学习                    网站开发是一门新生的科学       HTML语言的组成： HTML文档由HTML，HEAD和BODY三大元素构成。 是最外层的元素，表示文档的开始，浏览器从开始解释 是HTML文件头标记符，即文档头。包含对文档基本信息（包含文档标题，文档搜索关键字，文档生成器
HTML5的结构
Double6688的博客
08-04 888
在HTML5中，为了使文档的结构更加清晰明确，追加了几个与页眉、页脚、内容区块等文档结构相关联的结构元素。接下来将详细讲解HTML5在页面的主体结构方面新增加的结构元素。article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分，并且这部分专用于独立地分类或复用，例如聚合。一个博客帖子、一个教程、一个新的故事、视频及其脚本，都很好地符合这一定义。section元素代表文档或应用程序中一般性的“段”或者“节”。“段”在这里的上下文中，指的是对内容按照主题的分组，通常还附带标题。..
第十三章 软件系统结构（此章完结）
zhhzc的博客
04-13 1277
2、分层体系结构 属于调回-返回风格，在现代软件开发中，应用分层的方法通常把软件开发划分为物理层、逻辑层和应用层。 分层体系结构通常加将软件系统组成一个层次结构，每一层为上层服务，并作为下层的客户。在一些分层系统中，除了一些精心安排的输出函数外，内部的层支队相邻的层可见。这样的系统中构件在较低层实现了虚拟机为高层屏蔽底层细节和硬件变换连接件通过决定层如何交互的协议来定义拓扑约束包括对相邻间交互的约束这种风格支持基于可增加抽象层的设计，允许将一个复杂问题分解成一个增量步骤序列的实现，每一层最大影响两层。同
前端基础CSS+html篇 2w字吐血总结
chengxuyuanlee的博客
12-30 1943
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
HTML的基本构成
weixin_44309299的博客
02-22 786
网页概念： 是Internet中最基本的信息单位，是把各种多媒体信息相互链接起来而构成的一种信息表达方式。 前端常用浏览器：IE 谷歌 火狐 欧朋（opera） safari HTML：HyperText Markup Language 即超文本标记语言，是用来制作超文本文档的简单标记 语言，也是制作网页的最基本的语言，它可以直接由浏览器执行。 HTML的基本结构： <!DOCTYPE html> <html> <head> &l...
HTML的结构
默默坚持的博客
07-07 764
    HTML 文档的开始需要版本声明，剩下的页面内容需要包含在开始标记&lt;html&gt;和结束标记&lt;/html&gt;之间。在&lt;html&gt;元素中，包含两个主要的部分，文件头部分（&lt;head&gt;元素）和主体部分（&lt;body&gt;元素）。在标准HTML文档的结构如下所示：&lt;!DOCTYPE html&gt;//版本声明&lt;html&gt;&amp
html页面组成部分,HTML基础(一)：HTML的组成结构
weixin_30739265的博客
06-03 1976
HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。HTML文件是什么？HTML表示超文本标记语言(Hyper Text Markup Language)。HTML文件是一个包含标记的文本文件。这些标记保速浏览器怎样显示这个页面。HTML文件必须有htm或者html扩展名。HTML文件可以用一个简单的文本编辑器创建。先简单的介绍一...
HTML基本结构
fengzhiguanS的博客
03-15 2921
一、网页三大组成部分 结构：html，是超文本标记语言——用来搭建网页的结构 样式：css——网页的样式 行为：js，是一种语言，称为脚本语言——交互行为 用户对网页的操作 数据交互
html的组成
lengye7的博客
08-01 355
&lt;!--这是注释--&gt;//注释的内容 &lt;!DOCTYPE html&gt;  //声明为html5文档 &lt;html&gt;  //根元素，必须有   &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;实例  &lt;/title&gt; &lt;/head&gt;
HTML基础部分
qq_34283987的博客
09-04 378
一、HTML 1.学习目标：制作界面美观、符合W3C规范的静态网页。 2.简介：HTML全称HyperText Markup Language.即超文本标记语言，是用来制作网页的一种标记语言。 它是由一系列的基本标签组成的，用它编写的文档称为HTML文档(网页)。HTML从1991年底推出(1993年制定HTML工作草案)以来至今，就一直被当做万维网(World Wide Web)上
HTML基础篇--1（HTML的组成）
z759330656的博客
04-27 197
HTML基础之页面组成（一）
一.Html的组成结构
vcxie
07-02 676
一、HTML的组成结构 HTML简介:        HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML编辑方法:        用记事本或EmEditor(推荐)手工直接编写,也可用可视编辑器如"Dreamweaver"等编辑,保存扩展名为".htm"
HTML语言演进与基本结构详解
HTML元素通常由开始标记（`标记名称>``）、内容（被标记包围的部分）和结束标记（`标记名称>``）组成。 HTML语言通过一系列标记和元素来组织网页内容，浏览器根据这些指令呈现网页，使得信息能够以超文本形式在网络...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值