HTML篇
文章平均质量分 51
程序员大宁
获得省级软件测试各种奖项,对软件测试了解很深入
展开
-
零基础HTML入门教程(22)——自定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。原创 2022-12-08 14:47:59 · 2336 阅读 · 0 评论 -
零基础HTML入门教程(21)——无序列表
我们上一小节学习了有序列表,有有序列表那么肯定有无序列表,我们本小结学习一下无序列表并熟练掌握。我们本小节学习了html的无序列表,无序列表没有顺序,他在hrml里面很常用,要熟练使用。所谓无序列表,就是没有顺序的列表,英文单词为“Unordered List”,标签为。原创 2022-12-08 14:38:26 · 761 阅读 · 0 评论 -
零基础HTML入门教程(20)——有序列表
所谓有序列表,就是有顺序的列表,即列表前面带个123或abc什么的。英文单词为“Ordered List”,标签为OL,作用是在网页中显示一个有顺序的列表。我们前几个小节学习了注释,换行等。我们这一小节学习一下有序列表并熟练使用有序列表。有序列表ol表示他是有顺序的,我们要熟练使用有序列表。原创 2022-12-08 14:32:49 · 543 阅读 · 0 评论 -
零基础CSS入门教程(6)——通配符选择器
我们上几节课学习了id选择器和class选择器,那我们这一小节学习一下通配符选择器。我们这里说的通配符选择器也是全选选择器,这个选择器的通途一般是在,清除浏览器默认样式时候使用。效果如下通配符选择器也叫全选选择器,我们一般会在清除浏览器默认格式的时候使用。原创 2022-12-07 18:18:35 · 987 阅读 · 0 评论 -
零基础HTML入门教程(19)——表单按钮和文本域
本小结我们学习一下表单里面的按钮和文本框,我们网络中文本域和按钮,已经是很常见了,我们现在学习一下这些内容。*代码如下效果如下代码如下效果如下我们这一小节学习了,按钮和文本域,我们学到这里大致把html常用的标签全部讲完了我们课下一定多多练习熟练掌握。原创 2022-12-06 18:42:48 · 189 阅读 · 0 评论 -
零基础HTML入门教程(18)——表单传输文件和下拉菜单
我们上一小结学习了单选框和复选框,我们这一小节学习一下,传输文件和下拉菜单,并熟练使用。代码如下效果如下代码如下效果如下本小结我们讲述了下拉框,上传文件,这些功能我们已经很常见了,我们报名时候下拉框很常见,我们学会熟练使用。原创 2022-12-06 18:32:57 · 146 阅读 · 0 评论 -
零基础HTML入门教程(17)——表单的单选框和复选框
我们上一小结学习了,密码输入框和文本输入框,我们这一小结学习复选框和单选框。单选框用于从若干选项中选择其中一个,例如性别只能从男、女中选择一个:效果如下代码如下效果如下我们这一小节学习了单选框和复选框,我相信在大家,注册账号或者填写信息的时候很常见,在我们html里面单选框和复选框也很常用,我们要熟练使用。原创 2022-12-06 18:22:03 · 3474 阅读 · 0 评论 -
零基础HTML入门教程(16)——表单输入标签和密码标签
之前我们所讲的一些系列各种HTML标签,都是为了给用户展示一些东西。实际上HTML是可以让用户输入信息的,例如登录时输入用户名密码;购买东西时选择型号、颜色;发布博客时输入标题、内容。HTML通过表单及输入标签,来实现用户输入内容的收集。表单标签,格式为表单内容,中间的表单内容部分就是用来让用户输入内容的。表单有两个重要的属性action和method,如下:其中action属性表示表单提交后,哪个后台程序负责处理这个请求,这个涉及到我们JavaWeb后端学习的内容,大家到此大概知道这个参数的意思就行。a原创 2022-12-06 18:11:22 · 1596 阅读 · 0 评论 -
零基础HTML入门教程(15)——合并单元格
我们上小节学习了表格,以及他的基本使用,那我们这一小节学习一下,合并单元格,并熟练使用。合并单元格时,合并行使用:colspan=“2”; 合并列使用:rowspan=“2” (这里的 ‘2’ 表明合并两个单元格)效果如下我们可以看到,表格合并了,为什么要学习表格合并那,因为我们再平时做表格的时候合并表格可以是他更容易看清内容使内容清晰,我们熟练掌握合并标签。原创 2022-12-06 17:56:21 · 1957 阅读 · 1 评论 -
零基础HTML入门教程(14)——表格
我们生活处处离不开表格,我们比如说,成绩单,菜单,等。都是用表格做出来的,表格在我们生活中是必不可少的,生活处处离不开表格,所以我们这一小结学习一下表格的使用。在HTML定义表格的时候,有以下标签供我们使用NO表格标签用处1table定义表格,生成的表格在一对table/table中;2caption定义表格标题,当表格需要标题时,使用caption表格标题caption3thead定义表格的页眉4tbody定义表格的主体5tfoot定义表格的页脚6th定义表格的表头,一般是表头中的内容会被加黑;7tr定义原创 2022-12-06 17:48:24 · 515 阅读 · 0 评论 -
零基础HTML入门教程(13)——插入视频video标签
我们前几小结学习了,插入图片插入音频等,我们这一小结学习一下,插入视频标签video并熟练使用。(1)直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。(2)controls 属性供添加播放、暂停和音量控件。包含宽度和高度属性也是不错的主意。代码如下效果如下我们可以看到,页面上面会出现一个可以播放的视频,我们再一些网站上看到视频,都是用原创 2022-12-06 17:34:22 · 5577 阅读 · 1 评论 -
零基础HTML入门教程(12)——插入音频audio标签
我们前几个小结学习了,插入图片,或者插入超链接,那我们这一小结学习一下插入音频audio标签直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。代码演示效果如下我们可以看到使用这个标签后,我们可以页面上面看到一个音频,并且是可以播放的,我们要熟练合理使用这个标签,是为以后网页开发必不可少的因素。原创 2022-12-06 17:21:06 · 2473 阅读 · 0 评论 -
零基础HTML入门教程(11)——换行br
br 标签是空标签(意味着它没有结束标签,因此这是错误的:有开有闭合的br。在 XHTML 中,把结束标签放在开始标签中,也就是 br/。请注意,br 标签只是简单地开始新的一行,而当浏览器遇到 p 标签时,通常会在相邻的段落之间插入一些垂直的间距。我们上一小节学习了img图像,我们这一小节学习一下新的标签br换行标签,并且熟练使用。我们可以看到加br的哪行代码下面,行内块本应该不换行,但是加完br之后换行了。本小结我们学习了br这个标签他可以起到强制换行的作用,我们要合理熟练使用。原创 2022-12-02 22:15:15 · 3782 阅读 · 0 评论 -
零基础HTML入门教程(10)——图像
我们这一小结学习了img图片标签,有了我们可以随意在网页设计插入图片,大家下面要熟练使用。我们上一小节学习了注释,我们这一小节学习一下图像,理解图像含义并熟练使用。但是图片一般是一个文件,我们可以通过源属性,将图片显示到img标签中。标签有两个必需的属性:src 属性 和 alt 属性。图片没法用文字描述,很难把图片放到img标签的内容部分。标签并不会在网页中插入图像,而是从网页上链接图像。标签创建的是被引用图像的占位空间。img 元素向网页中嵌入一幅图像。请注意,从技术上讲,原创 2022-12-02 22:01:04 · 140 阅读 · 0 评论 -
零基础HTML入门教程(9)——注释
总结下,程序中的注释,其实是用来解释程序代码的,一般用于提醒程序员这段代码的作用、注意事项,但是注释对程序本身是没有影响的。第二,注释不属于原文,也就是说,注释不属于程序代码,它对程序的运行没有任何影响,只是起到一个提示作用。我们这一小结学习了注释,注释好比英语或者是语文的文言文,我们可以再写完的代码上加注释,方便以后阅读。,中间的xxxx部分就是被注释的内容,注释的代码对网页毫无影响,是用来提示程序员的。第一,注释的作用是解释,也就是说,程序中的注释的作用是对程序代码进行解释。原创 2022-12-02 21:46:53 · 102 阅读 · 0 评论 -
零基础HTML入门教程(8)——水平线hr标签
本小结我们讲述了hr水平线,加上他可以出来一个水平线,适当的使用回事文章更加清晰。我们上几小节学习了块级元素,行内元素,我们接下来学习一下水平线,熟练运用水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。我们可以看到加上hr春晓下面会出现一个水平线,这样就会看上去更清晰。标签在 HTML 页面中创建一条水平线。2.在 HTML 中,原创 2022-12-02 21:35:02 · 850 阅读 · 0 评论 -
零基础HTML入门教程(7)——行级元素
基本上所有的文本级标签,都是行内元素,例如:p,span,a,b,em等等。(p标签比较特殊,是文本级标签,但是是块级元素)我们学习了这一小节明白了行内元素不会换行,不能设置宽高。我们在下面多多练习,熟练掌握。我们这一小结学习一下行级元素,理解和熟练使用行级元素。他们是不换行的无论多少span都是在一行。我们用一下spen标签作为演示。1.可以与其他行内元素并排。原创 2022-12-02 21:19:43 · 241 阅读 · 0 评论 -
零基础HTML入门教程(6)——块级元素
上一篇我们讲了标签,它表示一个段落,在该标签后面会自动换行。所以标签是一个块级元素,它独自形成一块,跟后面的内容不会出现在同一行。原创 2022-12-02 21:02:41 · 197 阅读 · 0 评论 -
零基础HTML入门教程(5)——超链接a标签
标签定义超链接,用于从一张页面链接到另一张页面。元素最重要的属性是 href 属性,它指示链接的目标。在所有浏览器中,链接的默认外观是:•未被访问的链接带有下划线而且是蓝色的•已被访问的链接带有下划线而且是紫色的•活动链接带有下划线而且是红色的。原创 2022-12-02 10:35:00 · 298 阅读 · 0 评论 -
零基础HTML入门教程(4)——h1-h6标题标签
本小节我们学习了h1-h6标题标签,h1最大h6最小他是从大到小排列的。我们熟练掌握标题标签学会灵活使用。我们这一小节学习一下h1-h6标题标签,HTML的内容标题有6个级别。注意h1最大,h6最小。原创 2022-12-01 16:07:57 · 390 阅读 · 0 评论 -
零基础HTML入门教程(3)——我的HTML第一个网页
我们这一小结讲了html最基本的语法,p标签是一个段落标签,所有的html标签都要放在body标签里面。本小结我们学习一下第一个html网页,html的最基本的语法,并熟练掌握html基本语法,熟练使用。原创 2022-12-01 15:32:49 · 237 阅读 · 1 评论 -
零基础HTML入门教程(2)——VSCode安装
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互 [1]。它从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。[2]原创 2022-12-01 15:15:36 · 571 阅读 · 0 评论 -
零基础HTML入门教程(1)——了解HTML
HTML已经经历了五次重大修改,HTML5赋予网页更好的意义和结构,HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。除了这两个部分,还有文档的类型声明,文档类型声明的作用就是告诉浏览器你用的是哪个html版本来编写的,浏览器才能成功的渲染。第二部分是“主体”,主体部分提供的是网页的主题内容,即浏览器中显示的内容。本节小结带领大家了解学习一下HTML,这一小节我们主要任务就是去了解HTML,什么是HTML,他是干什么的。原创 2022-12-01 14:27:16 · 211 阅读 · 0 评论