当前位置: 首页 > Web前端 > HTML

HTML常用标签

时间:2023-04-02 18:38:42 HTML

一、文本标签1、段落

代码示例:

这是一段文字

网页效果:QA:如何让一段文字居中?代码示例:Thisisaparagraphoftext

页面效果:align属性值参考:属性值说明左文本对齐居中文本居中对齐右文本对齐QA:如何换行一段文本?在需要换行的内容后添加换行标签
代码示例:这是一段
文字

页面效果:关于

元素是一个空的HTML元素。由于结束标记没有意义,因此它没有结束标记。2.Title

代码示例:

Thisistitle1

Thisistitle2

This是3号标题

这是4号标题

这是5号标题
这是6号标题
页面效果:Title确保仅对标题使用标题标签非常重要。不要仅仅为了生成粗体或大文本而使用标题。搜索引擎使用标题来索引网页的结构和内容。因为用户可以使用标题来快速浏览您的网页,所以使用标题来表示文档的结构很重要。您应该使用h1作为主标题(最重要),然后是h2(第二重要),然后是h3,依此类推。3、内容标签用于组合文档中的内联元素代码示例:这是文本内容这是另一个文本内容页面效果:4.有序列表代码示例:
  1. Banana
  2. Apple
  3. Orange
页面效果:QA:列表编号可以反转吗?代码示例:
  • Banana
  • Apple
  • Orange
  • 页面效果:==常用的有序列表属性:==5。无序列表代码示例:
    • Benz
    • BMW
    • Audi
    页面效果:常用无序列表属性:2.图片代码示例:页面效果:属性解释:src:图片地址,可以是网络地址,类似:http://test.hawklu.com/youdaoImg/img.png可以是本地地址,类似../image/logo.png,本地地址绝对路径或者相对路径都可以,==一般建议使用相对路径==alt:图片异常时显示的提示文字(图片丢失或者应用路径错误)3.超链接超链接,几乎所有网页都有超链接,通常用于从一个网页跳转到另一个网页。也可用于在页面内定位。代码示例:这是一个超链接页面效果:点击前属性说明:href:跳转到的目标地址,一般为网络地址,类似:http://www.baidu.comtarget:目标地址的打开方式,可以用新的形式打开,也可以覆盖。4.表单常见的表单通常用于处理数据。代码示例:
    1-11-21-3
    2-12-22-3
    页面效果:注:在上面的代码中,在为了让表格能清晰可见,设置表格属性border="1",表示单元格边框宽度为1。如果要实现无边框表格,可以使用如下代码:1-11-21-32-12-22-3页面效果:(1)单元格列合并(水平合并)添加属性colspan="2"到需要合并的单元格,然后删除合并的单元格。属性值为要合并的列数代码示例:1-11-32-12-22-3页面效果:(2)单元格行合并(垂直合并)给需要合并的单元格加上属性rowspan="2",然后删除合并后的单元格网格。属性值为要合并的行数代码示例:1-11-21-32-22-3页面效果:QA:如何去除单元格之间的空白?AS:默认表格的单元格之间有2px的间距。如果要去掉空格,可以在表格的开始标签中设置属性cellspacing="0"。代码示例:1-11-21-32-22-3页面效果:在其他表格中除了表格常用的和标签外,还有其他标签,