HTML基础知识(三) HTML标签知识2(html标签及作用)

yumo6668个月前 (04-29)技术文章59

6.图像标签和路径

(1) <img>标签用于定义图像,src为必须属性

(2) 特点:属性采取键值对的格式,即key="value"

(3) 路径

a.目录文件夹和根目录(目录文件夹的第一层)

b.相对路径:以引用文件所在位置为参考基础而建立出的目录路径

c.绝对路径

7.超链接标签<a>(用于定义超链接,作用是从一个页面链接到另一个页面)

(1) a. href用于指定链接目标的url地址,为必须属性 b.target:用于指定链接页面的打开方式,_self为默认值在本窗口打开,_blank为在新窗口中打开方式

(2) 链接方式(解释如图)

8.表格标签

(1) <table>标签定义表格的标签

(2) <tr>标签定义表格中的单元格,嵌套在<table>中

(3) <td>标签定义表格中的单元格,嵌套在<tr>中

(4) <th>标签为表头单元格

(5) <thead>标签为表头区域,内部必须有<tr>标签

(6) <tbody>标签为表格主体

9.列表标签(无序列表,有序列表和自定义列表)

(1) 无序列表<ul><li>

(2) 有序列表<ol><li>

(3) 自定义列表<dl><dt>

10.表单标签(表单域,表单控件,提示信息)

版权声明:本文为CSDN博主「依旧i248」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:
https://blog.csdn.net/weixin_65548623/article/details/124004902

举报/反馈

相关文章

HTML5教程从入门到精通,随堂笔记(二)H5的form标签

HTML5从入门到精通,兄弟连京修随堂笔记(二)HTML的框架结构,每日都有新内容,订阅走一波HTML5的form标签问:网站怎样与用户进行交互? 答案:使用HTML表单(form).表单是可以把浏览...

HTML表单4(form的action、method属性)——零基础自学网页制作

表单的工作过程表单的信息发送与处理过程可以简单的进行图示,如下图。以注册会员为例,用户在自己的电脑上打开相应的注册表单页面填写信息,完成填写后点击提交按钮,也就是图中1所示过程。这时浏览器会将这些信息...

学习web前端开发,需要掌握哪些知识?

可以按照我的教学框架学习,能都掌握也就满足企业目前的人才需求。一、PC端页面重构1、认知行业、岗位、部分专业术语,就业趋势与行业未来展望;2、HTML5核心元素及布局应用;3、CSS3核心属性及布局应...

DOM - 根据ID访问HTML元素(根据id获取元素的jquery方法)

根据ID访问HTML元素如下方法实现document.getElementById(idVal):返回文档中id属性值为idVal的HTML元素。上面这个方法简单易用,只要被访问HTML元素具有唯一的...

10个免费的HTML在线编辑工具(html 在线编辑功能)

onlinehtmleditor.net是非常简单和易用的HTML在线编辑器,适用的标签有H1,H2,H3,H4,P,IMG,List等,还可以在下方查看实时预览。你可以手动输入这些标签,也可以通过点...

vue3-深入组件-插槽(vue中插槽的使用场景)

插槽 Slots组件用来接收模板内容插槽内容与出口<slot> 元素是一个插槽出口 (slot outlet),,标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。...