HTML基本结构标签以及常用标签
我们常用的开发工具:VScode
首先我们先看到的是HTML的基本结构标签
由上图我们依次解释其用途
<html></html>作为页面中一个最大的标签,包裹住其他小标签,称其为根标签
<head></head>文档的头部,在这其中必须包含tilte标签
<title></title>文档的标题,给页面设置标题
<body></body>文档发主体,页面中的内容基本都放在改标签里。
接着我们来看HTML的常用标签
1.标题标签:<h1>~<h6>一共六级选
2.段落标签:<p>我是一个段落标签</p>
3.换行标签:</br>——这是一个单标签
4.文本格式化标签:将字体设置粗体、斜体、删除线或下划线效果
语义 | 标签 | 说明 |
---|---|---|
加粗 | <strong></strong>或<b></b> | 常用<strong></strong> |
斜体 | <em></em>或<i></i> | 常用<em></em> |
删除线 | <del></del>或<s></s> | 常用<del></del> |
下划线 | <ins></ins>或<u></u> | 常用<ins></ins> |
5.布局标签:
<div>一行只能放一个</div>
<span>一行能放多个</span>
得到效果如下
6.图像标签:
<img src="此处写图像路径"/>
src是<img>标签的属性
上图在路径后的height为图片的高度,可根据自身需求来修改图片大小 、像素
7.超链接标签:
<a href="跳转目标"target="目标窗口的弹出方式">文本或图像</a>
href后接跳转链接
target为目标窗口弹出的方式,其中_self为默认值,_blank为新窗口打开方式
使用超链接标签时注意路径的问题
8.base标签:
在上面的超链接标签中提到的新打开窗口方式,为了方便之后的网页都能使用,则设置的一个base标签,让所有的链接都默认添加target,不用在每个连接后添加。
<base target ="_blank>
总结:
base可以设置整体链接的打开状态
base写到<head> </head>之间
把所有的链接 都,默认添加target ="_blank
HTML基本结构标签以及常用标签相关推荐
- html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
- Struts2标签库常用标签
Struts2标签库常用标签 基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Act ...
- Struts2标签库常用标签(转)
struts2标签讲解 要使用Struts2的标签,只需要在JSP页面添加如下一行定义即可:<%@ taglib prefix="s" uri="/struts-t ...
- html标签之常用标签
常用标签 html常用的标签: <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 < ...
- html5y页面布局标签,HTML常用标签 - osc_wc3dz06y的个人空间 - OSCHINA - 中文开源技术交流社区...
1 HTML初识 HTML标签就是用来表达网页上的文字.图片.链接.音视频等等的······ 1.1 HTML标签分类 在HTML页面中,带有"< >"符号的元素被称为 ...
- html中空四格的标签,04-HTML常用标签
一.注释标签 1.概念 如果需要在HTML文档中添加一些便于阅读理解但又不需要显示在页面中的注释文字,就需要使用注释标签. 2.格式 . 3.注意: 注释内容不会显示在浏览器窗口中,但是作为HTML文 ...
- java hr标签_HTML常用标签
排版标签 主要和css搭配使用,显示网页结构的标签,是网页网页布局最常用的标签 标题标签(h) 标题标签 标题标签 标题标签 标题标签 标题标签 标题标签 显示效果: 标题标签 标题标签 标题标签 标 ...
- java struts2标签库 常用标签
基本概述 对于一个MVC框架而言,重点是实现两部分:业务逻辑控制器部分和视图页面部分.Struts2作为一个优秀的MVC框架,也把重点放在了这两部分上.控制器主要由Action来提供支持,而视图则是由 ...
- bootstrape常用标签_bootstrap_03_常用标签
益司CMS-PC与手机建站集成 @media(max-width:670px){ body{background:whtie} } 用户标签 tag这里面放我们的常用标签,Here is some u ...
最新文章
- 基于RFID的防伪系统设计
- 北斗产业发展现状与前景预测研究
- mybatisplus or查询_MybatisPlus的各种查询方式
- 周休2.5天是一种奢望?互联网人自愿加班成常态?
- 【LeetCode】1. Two Sum
- 请尽快升级到 Windows Vista - 因为你需要
- 苹果推送iOS 15.0.1版本 修复涉及iPhone 13的Bug
- python读写excel模块pandas_如何用python pandas操作excel?
- 中国 App 出海“变形记”
- 简单介绍CUDA中loop unrolling(循环展开)技术
- 【交通标志识别】基于matlab GUI BP神经网络交通标志识别(带面板)【含Matlab源码 1647期】
- Spring boot initialization failed for https://start.spring.io
- 超级好用的画图吸色工具FastSton Capture
- git如何查看缓存区文件内容_[暂存盘已满怎么解决]git暂存区的理解
- el-table thead右侧留白问题
- 万字文肝Java基础知识(一)
- Maven 跳过单元测试
- Oracle DataGuard环境下使用TDE透明加密需要注意的点
- 怎样通过百度文库引流?使得你的网络业绩倍增
- 淘宝神话-one piece 般的十年