2025年html设计

html设计1 HTML 标题 HTML 标题 Heading 是通过 h1 h1 h6 等标签进行定义的 2 HTML 段落 HTML 段落是通过 p 标签进行定义的 3 HTML 链接 HTML 链接是通过 a 标签进行定义的 在 href 属性中指定链接的地址 可以是相对路径 a p h6

大家好,我是讯享网,很高兴认识大家。

1、HTML标题

HTML 标题(Heading)是通过<h1> - <h6> 等标签进行定义的。
在这里插入图片描述
2、HTML 段落

HTML 段落是通过 <p> 标签进行定义的。
在这里插入图片描述
3、HTML 链接

HTML 链接是通过 <a> 标签进行定义的。在 href 属性中指定链接的地址。可以是相对路径,也可以是绝对路径
在这里插入图片描述

- 链接-target 属性

使用 Target 属性,你可以定义被链接的文档在何处显示。如:把链接的 target 属性设置为 “_blank”,该链接会在新窗口中打开
在这里插入图片描述

- 链接-name 属性

可以使用 name 属性创建 HTML 页面中的书签。当点击该书签时,可以跳转到对应的位置。

<a name="tips">基本的注意事项 - 有用的提示</a> 
讯享网

然后在同一个文档中创建指向该书签的链接:

讯享网<a href="#tips">有用的提示</a> 

在这里插入图片描述
4、HTML 图像

HTML 图像是通过 <img> 标签进行定义的。width和height可以指定图片宽高。

请注意,插入动画图像的语法与插入普通图像的语法没有区别

4.1、内容中插入图像
在这里插入图片描述
4.2、背景图像
在这里插入图片描述
4.3、图像链接

将图像链接放到链接标签中,可以是相对路径,也可以是绝对路径
在这里插入图片描述
5、HTML 水平线

  • <hr /> 标签在 HTML 页面中创建水平线。
    在这里插入图片描述
    6、HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
在这里插入图片描述
7、HTML 换行或者空行

如果您希望段落内、表单内进行换行,请使用 <br > 标签
如果您希望段落间、表单见产生空行,请使用 <br > 标签,如果要产生多个空行,则需要使用多个<br >
在这里插入图片描述

8、HTML 样式-style

style 属性用于改变 HTML 元素的样式。是一种改变所有 HTML 元素的样式的通用方法。当然也可以间接地在独立的样式表中(CSS 文件)进行定义。

常用如:背景颜色(background-color)、字体(font-family)、字体颜色(color)、对齐方式(text-align)、字体大小(font-size)、width(250px)、height(130px)

加粗样式9、列表

无序列表始于 <ol> 标签。每个列表项始于 <li>
无序列表始于 <ul> 标签。每个列表项始于 <li>
自定义列表以 <dl> 标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以 <dd> 开始。
在这里插入图片描述
10、HTML 表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

备注:border用来定义边框
在这里插入图片描述

11、HTML 块<div> <span>

可以通过

和 将 HTML 元素组合起来。它是可用于组合其他 HTML 元素的容器。style属性可以定义div样式
小讯
上一篇 2025-04-01 14:26
下一篇 2025-03-14 09:56

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/52473.html