HTML
文章平均质量分 65
Lhuang-attic
为学习,献出头发
展开
-
10页面结构分析
我们打开一个网页,都会有一个清晰的结构和布局上图中的标签就是用来划分各个部分区域用的。其中比较常用重要的是header、footer和nav,需要重点掌握。下面是部分代码及效果演示。原创 2024-05-07 17:04:18 · 270 阅读 · 0 评论 -
9.媒体元素
然后我们的相对路径就可以写…/resource/video/xxx.mp4,如果只是写基本的代码结构是不够的,在网页端显示的就只有视频的第一帧图片,而且无法点击播放。结构与上面视频标签一样,只需要把video换成audio就行,同样需要加上controls,这样才会在网页显示音频的播放键等操作按键。我们平时打开一些网页视频就会自动播放,这个是因为加了autoplay自动播放这个代码,我们也可以在代码中加入这一句,这里就不演示了。下面是我的微信公众号,与csdn同步更新,有需要的朋友可以关注一波~原创 2024-05-06 20:27:10 · 295 阅读 · 0 评论 -
8.表格标签
首先,我们做一个最基本的3x4表格,只用到了上述1.2.3三个标签,其中table标签里面的border是表格的边框线,代码和效果如下图。分析:这是一个5x3的表格,第一行跨了三行,二三行和三四行第一列垮了两列。最后代码和效果如下图。学会下面5个表格最基本的标签元素后,我们可以找个简单的表格来联系一下,比如下图。然后是加上跨行和跨列之后,代码和效果如下。原创 2024-05-06 11:28:05 · 222 阅读 · 0 评论 -
7.列表标签
列表就是信息资源的一种展现形式。它可以是信息结构化和条理化,并以列表的央视显示出来,一遍浏览者能更快捷地获得相应的信息。列表标签显示的元素是一种块元素。原创 2024-05-03 22:15:47 · 4 阅读 · 0 评论 -
6.块元素和行内元素
例子如下图例子如下原创 2024-05-03 21:24:55 · 2 阅读 · 0 评论 -
5.超链接标签及应用
链接标签又叫a标签,点击后可以跳转到任意网页的对应的位置,其中href是a标签要跳转的位置,也就是链接路径,而target则表示的是我点击后跳转的新位置是在当前网页窗口打开还是新的网页窗口打开。然后再另一个网页写上跳转链接,只需要把跳转的网页位置写上,因为这两个网页在同一个文件夹,所以只有一个文件夹名字,然后再位置后面加上#和标记名字。锚链接是一个能够让a标签跳转到网页任意标记的位置的链接,它需要一个锚标记,然后再通过a标签跳转到标记。代码和效果如下,我们先在网页再最上面的位置打上标记。原创 2024-05-02 23:53:35 · 457 阅读 · 0 评论 -
4.图像标签
我们首先在代码文件夹的上一级文件夹新建一个文件夹resource,用来存放图片等资源文件,这是行业的规范,我们从学习阶段就要养成这一好习惯。上面的代码串就是图像标签,它可以用来在网页显示图片。原创 2024-04-30 15:55:35 · 542 阅读 · 1 评论 -
网页基本标签
换行标签是一个单标签,我们前面讲的都是双标签,单标签与双标签最大的不同就是双标签有两个标签(开始标签和结束标签)而单标签只有一个(结束标签)。双标签用于有内容的元素,单标签用于没有内容的标签。换行标签与标题标签的显示效果差不多,在换行标签后的内容会在前面的内容之后重新换一行显示,与段落标签的区别在于:段落标签的换行是作为一个段落的换行,换行位置的行间距要比换行标签的行间距要大的多。字体样式标签是一种双标签,标签里的内容会根据标签的作用显示出对应的效果。注释和特殊符号都是单标签,因为都是用于没有内容的元素。原创 2024-04-30 12:33:24 · 202 阅读 · 1 评论 -
网页基本信息
小tips:打开我们上次新建好的HTML基本结构,在英文模式下输入,这是html程序里的注释,它里面的内容不会影响程序的运行且能用于标记代码的作用等。这个注释如果每次都手动输入还是比较麻烦的,这时可以用快捷键’Ctrl + /'即可直接生成注释。原创 2024-04-28 16:39:27 · 364 阅读 · 0 评论 -
什么是HTML?
Hyper Text Markup Language(超文本标记语言)它是一种用于创建网页的标记语言,用于描述网页的结构和内容。HTML 使用标签来定义文档的各个部分,比如标题、段落、链接等等。浏览器可以解析 HTML 并将其呈现为人们可以阅读和交互的网页。HTML 通常与 CSS(层叠样式表)和 JavaScript 一起使用,以实现更丰富、交互性更强的网页体验。原创 2024-04-27 20:20:04 · 232 阅读 · 0 评论