web前端常用标签与示例

web前端常用标签与示例

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

前言一、web标签是什么?二、HTML常用标签示列1.html文件格式2.标题标签3.段落标签4.超文本链接5.图片标签6.描点技术7.列表标签8.表格标签

总结

前言

提示:这里可以添加本文要记录的大概内容:

web前端常用标签与示例

提示:以下是本篇文章正文内容,下面案例可供参考

一、web标签是什么?

web标签是指HTML(超文本语言)中用于定义网页结构和内容的标记符号,通常由尖括号包围。浏览器通过解析这些标签来呈现网页的布局、文本、图像等元素。

二、HTML常用标签示列

1.html文件格式

代码如下(示例):

2.标题标签

代码如下(示例):

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

3.段落标签

代码如下(示例):

这是一个段落

4.超文本链接

代码如下(示例):

百度

test

test

(1)超文本链接符号:a (2)设置链接跳转的地址:href (3)绝对路径:如果是网站必须带协议,是文件则从文件根目录写起(C:\User…) (4)相对路径:./当前目录、…/上一级目录、…/…/上两级目录 (5)链接打开方式 _self 当前窗口打开 _blank 新窗口打开 _top 顶层窗口打开 _parent 父窗口打开 (6)特点:链接文字点击前为蓝色,点击中为红色、点击后为紫色;自动给文字添加下滑线

5.图片标签

代码如下(示例):

test

6.描点技术

代码如下(示例):

跳转到one

跳转到two

跳转到three

one

two

three

7.列表标签

代码如下(示例):

  • 无序列表
  • 无序列表
  • 无序列表
      1. 有序列表
      2. 有序列表
      3. 有序列表

      自定义列表

      自定义列表

      8.表格标签

      代码如下(示例):

      2205班学校人数统计
      学校名称 人数 备注
      锦江 3

      1.符号:table,用于定义表格的开始与结束 2.属性: border:设置表格边框、数字、不带单位、数字越大、边框线条越粗; cellspacing:设置外边距; cellpadding:设置内边距; align:设置表格位置(left、right、center); tr:行标签;td:列标签;th:列头标签 自动加粗居中文字; 3.行高:表格一行的最高单元格决定; 4.列高:表格一列的最宽单元格决定; 5.rowspan:合并行,默认从上往下; 6.colspan:合并列,默认从左往右;

      总结

      以上为常用web标签及示列(表单属性与表单标签未总结)。

更多创意作品