Web前端(9)_div+span等标签

最新推荐文章于 2024-09-10 08:57:25 发布
最新推荐文章于 2024-09-10 08:57:25 发布
阅读量280 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： 前端 ViewUI
原文链接：http://www.cnblogs.com/sunnybowen/p/10539761.html
本文深入讲解HTML中的常用标签，包括布局、文本样式调整等关键标签的使用方法，如DIV+CSS布局、加粗、倾斜、删除线及下划线等，为初学者提供实战经验。

1、DIV+CSS布局

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行级标签</title>
    <link type="text/css" rel="stylesheet" href="test.css" />
    <style>

    </style>
</head>
<body>
    <div>我是布局用</div>
    <div>我是布局用</div>
    <span>我是span</span>
     <span>我是span</span>
</body>
</html>

2、加粗

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行级标签</title>
    <link type="text/css" rel="stylesheet" href="test.css" />
    <style>

    </style>
</head>
<body>
我是<b>楚乔</b>   我是宇文玥   我是<strong>烟熏</strong>
</body>
</html>
View Code

3、倾斜

我是<i>楚乔</i>   我是宇文玥   我是<em>烟熏</em>

 4、删除

 <s>原价：1888</s>，现价 8.8  <br />
 <del>原价：1888</del> 现价 8.8

5、下划线

<u>特殊说明</u>  <br/>
<ins>特殊说明</ins>

    

 

转载于:https://www.cnblogs.com/sunnybowen/p/10539761.html

林尧彬
关注
web前端入门到实战：HTML-div和span标签
软件开发-前端开发-IT
10-05 610
一、div标签 1.作用：一般用于配合CSS完成网页的基本布局 2.例子： <style> .head{ width: 980px; height: 100px; background: red; margin: auto; } .content{ width: 980px; height: 300px; background: green; margin: ...
大一学生WEB前端静态网页（div+css）
qq_524614081的博客
11-19 1585
HTML：结构CSS：样式 在操作方面上运用了html5和css3， 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
web_div/span标签
zhu_fangyuan的博客
08-05 671
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 作者：zhu 时间：2020-08-05 描述： style="color: aquamarine 字体颜色 背景色
web前端——div和span标签
xqhrs232的专栏
10-30 343
原文地址::https://blog.youkuaiyun.com/xishaoguo/article/details/79479608   相关文章 1、前端id属性和span标签----https://blog.youkuaiyun.com/sdaujsj1/article/details/79173719?utm_source=blogxgwz0 2、web前端——table标签----https://bl...
Web前端笔记|表格、＜div＞标签、＜span＞标签、列表、表单
HP_C2H2的博客
05-30 1584
表格；简单表格；表格的样式；表格的合并；使用标签；< div>标签；< span>标签；无序列表；有序列表；定义列表；表单；文本框和密码框；单选按钮和复选框；按钮；普通按钮；提交按钮；重置按钮；图像域和文件域；文本域和列表
web第六课：div标签和span标签
YY的博客
08-23 3798
div标签和span标签
2020求知讲堂web前端（html5+css3）(Day1).pdf
03-14
根据提供的文件内容，下面是对“2020求知讲堂web前端（html5+css3）(Day1).pdf”文件中知识点的详细说明。 首先，课程大纲概述了前端开发所需掌握的技能和知识点，包括但不限于： 1. Photoshop：虽然主要是一款...
淘宝首页web前端课设（HTML+css+js）
06-10
用到的知识点主要有html课程种常见的标签，span、ul li、a、img、span、div等标签。css样式修饰用到最多的是绝对定位和相对定位，边框修饰，文字修饰，颜色美化等。js用了100多行代码做了一个轮播图效果。 简单总结...
1+X Web前端开发例题 实操题1
03-30
内容为1+X Web前端开发例题 实操题6题 内容不含答案解析(答案可以来我的博客找喔，有题目分析 https://blog.youkuaiyun.com/weixin_53231455?spm=1019.2139.3001.5343 题目类型都是前端的知识点
京东首页web前端课设（HTML+CSS+JS）
04-10
用到的知识点主要有html课程种常见的标签，span、ul li、a、img、span、div等标签。css样式修饰用到最多的是绝对定位和相对定位，边框修饰，文字修饰，颜色美化等。js用了100多行代码做了一个轮播图效果。 简单总结...
#WEB前端（DIV、SPAN）
byhyf83862547的博客
03-02 409
【代码】#WEB前端（DIV、SPAN）
Web前端第八章DIV&SPAN
m0_75125827的博客
12-21 498
本章主要是关于DIV和SPAN两个重要的标记进行总结概括。
web前端总结
cat exployer cat
08-17 738
1.div里面的元素居中，靠左，
JAVAWEB HTML 其它标签div、span、p
chengqingshihuishui的博客
08-26 1313
1、DIV标签 div标签 默认独占一行，相当于 + <BR/> 2、span标签 span标签 长度就是封装数据的长度，直接在可以截取任何一段文章的某一部分使用，可以用来给字体加颜色，加格式 比如 我真的<span>非常非常</span>舒服 3、p标签 段落标签 p标签 默认会在段落的上方或下方各空出一行（如果已有就不再空） ...
Web前端第三课
weixin_42132959的博客
12-23 2347
列表 列表有三种：ul、ol、dl 无序列表： ul 就是英语unordered list. 无序列表的简写。 li 就是英语 list item , 列表项的意思。 Ul的儿子，只能是li。但是li是一个容器级标签，li里面什么都可以放。 有序列表： ordered list 有序列表：ol 。 ol这个东西用的不多，如果想要表达顺序，大家一般也用ul 。 定义列表...
从零开始web前端（常用html标签）
wangfengqichen的博客
04-28 1635
从零开始web前端，入门html部分常用标签。
HTML标签之间有什么区别 <div> 和<span>？</span>
p15097962069的博客
01-15 965
我想问一些简单的例子，显示<div>和<span>的用法。 我已经看到它们都用来用id或class标记页面的一部分，但是我想知道是否有时候有一个优先于另一个。
HTML ＜span＞标签
热门推荐
allway2的博客
10-19 5万+
HTML 中的标签被视为内联元素。它类似于 div 标记，但 div 标记特意用于块级元素，而 span 用于内联元素。HTML 中的 Span 标记用于通过使用元素类或 id 属性为特定内容提供样式。使用 HTML 文档中的 span 标记本身无法进行视觉更改。从上述所有信息中，我们了解到HTML中的标记用于为内联元素提供样式。Span标签主要用于在内联CSS的帮助下在我们的网页上排列结构部分和适当的布局部分。span标记在 HTML 中的属性。HTML中的span标记示例。
web前端-HTML常用标签（二）
最新发布
2301_79188932的博客
09-10 1898
-”开头，以“-->”结束。页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件(images)，这时再查找图像，就需要采用“路径”的方式来指定图像文件的位置。相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级、下一级和同一级就是图片相对于 HTML 页面的位置。在网页中，有时需要为文字设置粗体、斜体或下划线等效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。在 HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。
打造炫酷Web菜单：Div+Css+Js特效代码解析
- **结构设计**：使用<div>元素来构建菜单的基本框架，通常是创建一个包含子<div>元素的父<div>，子<div>用于菜单的各个部分，比如菜单项、下拉菜单等。 - **样式定义**：通过CSS对菜单的视觉样式进行定义，包括但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值