提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言一、web标签是什么?二、HTML常用标签示列1.html文件格式2.标题标签3.段落标签4.超文本链接5.图片标签6.描点技术7.列表标签8.表格标签
总结
前言
提示:这里可以添加本文要记录的大概内容:
web前端常用标签与示例
提示:以下是本篇文章正文内容,下面案例可供参考
一、web标签是什么?
web标签是指HTML(超文本语言)中用于定义网页结构和内容的标记符号,通常由尖括号包围。浏览器通过解析这些标签来呈现网页的布局、文本、图像等元素。
二、HTML常用标签示列
1.html文件格式
代码如下(示例):
2.标题标签
代码如下(示例):
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
3.段落标签
代码如下(示例):
这是一个段落
4.超文本链接
代码如下(示例):
(1)超文本链接符号:a (2)设置链接跳转的地址:href (3)绝对路径:如果是网站必须带协议,是文件则从文件根目录写起(C:\User…) (4)相对路径:./当前目录、…/上一级目录、…/…/上两级目录 (5)链接打开方式 _self 当前窗口打开 _blank 新窗口打开 _top 顶层窗口打开 _parent 父窗口打开 (6)特点:链接文字点击前为蓝色,点击中为红色、点击后为紫色;自动给文字添加下滑线
5.图片标签
代码如下(示例):
6.描点技术
代码如下(示例):
one
two
three
7.列表标签
代码如下(示例):
- 无序列表
- 无序列表
- 无序列表
- 有序列表
- 有序列表
- 有序列表
- 自定义列表
- 自定义列表
8.表格标签
代码如下(示例):
学校名称 | 人数 | 备注 |
---|---|---|
锦江 | 3 | |
1.符号:table,用于定义表格的开始与结束 2.属性: border:设置表格边框、数字、不带单位、数字越大、边框线条越粗; cellspacing:设置外边距; cellpadding:设置内边距; align:设置表格位置(left、right、center); tr:行标签;td:列标签;th:列头标签 自动加粗居中文字; 3.行高:表格一行的最高单元格决定; 4.列高:表格一列的最宽单元格决定; 5.rowspan:合并行,默认从上往下; 6.colspan:合并列,默认从左往右;
总结
以上为常用web标签及示列(表单属性与表单标签未总结)。