【Div+CSS笔记】 0x01 html常用标签元素

常用HTML标签元素结合及简介

<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题        
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本          
<u></u> 下划线
<b></b> 黑体字    
<i></i> 斜体字    
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体        
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小        
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码          
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例    
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字    
<SUB></SUB> 下标字
<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體  
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體  
<font style ='font-size:100 px'>...</font>無限增大 

 

格式标志标签
<p></p> 创建一个段落    
<p align=""> 将段落按左、中、右对齐  
<br> 换行 插入换行符  
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表  
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
  若在<ul></ul>之间则每个列表项加上一个圆点    
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单  
<DIR> 目录清单  
<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  
<center></center> 水平居中  

链接标志表格标志
<a href="URL"></a> 创建超文本链接  
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接  
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系 

链接标记注解:

◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
◆rel="..."发送链接的类型  
◆rev="..."保存链接的类型
◆accesskey="..."指定该元素的热键
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)


<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>

target目标值如下:
_blank -- 在新窗口中打开链接

_parent -- 在父窗体中打开链接

_self -- 在当前窗体打开链接,此为默认值

_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

如果target不带值,代表在本页父窗体中打开链接

HTML a 扩展应用

同页面锚文本-同页面内上下转到指定位置
常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。
Exp:
1、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>
2、我们再到body内,需要出现点击后转到顶部位置添加,<a href="#top">回到顶部</a>

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

使用语法:
1、需要转到地方添加,<a href="#命名">文字</a>,注意href值是#开头+英文字母命名
2、需要在被转到位置添加,<span id="命名" name="命名"></span>,注意id和name值相同并且与a命名相同



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在CSDN网站中,使用divCSS标签进行布局是一种常见的做法。 div标签HTML中的一个元素,它可以用来创建一个容器,用于组织和管理网页中的各个部分。CSS标签则是Cascading Style Sheets(层叠样式表)的缩写,用于控制网页的样式和布局。 通过使用divCSS标签,可以实现网页的灵活布局和样式设计。具体来说,可以通过设置div的样式属性来定义其位置、大小、背景色等。同时,可以使用CSS的选择器和属性来控制div内部元素的样式,例如字体、颜色、边框等。 在CSDN上使用divCSS标签进行布局时,一般会将网页分为不同的模块或区域,每个模块使用一个div容器来包裹。通过设置这些div容器的样式,可以实现各个模块的位置和大小控制。 此外,也可以使用CSS的浮动和定位属性来实现特定的布局效果。比如,通过设置div的浮动属性可以让多个模块在同一行显示;通过设置定位属性可以让某个模块精确定位到网页的特定位置。 总之,通过使用divCSS标签布局CSDN网站,可以实现页面的结构和样式的分离,提高网页的可维护性和可扩展性,同时也能够实现丰富多样的布局效果。 ### 回答2: div是网页开发中常用的一个CSS标签,用于进行布局和定位。 CSS(层叠样式表)是一种样式规范语言,用于控制网页的展示效果。CSDN(中文技术社区)是一个IT技术交流平台。 在CSDN中使用divCSS进行布局可以实现各种排版效果,比如将页面分为多个区块、将内容进行水平或垂直排列、设置间距和边框等。 在编写CSS时,可以通过选择器来选中指定的div元素,然后设置其样式。比如可以通过class选择器为指定的div设定特定的样式,也可以通过id选择器为某个特定的div设定样式。 常见的CSS样式属性有:width(设置宽度)、height(设置高度)、background-color(设置背景颜色)、margin(设置外边距)、padding(设置内边距)、border(设置边框样式)等。 在使用div进行布局时,可以将多个div元素嵌套在一起,形成父子关系,通过设置不同的CSS样式来实现不同的布局效果。比如可以使用float属性将div元素浮动,使用position属性设置绝对或相对定位。 总之,divCSS标签布局在CSDN中是非常常见和重要的,可以帮助开发人员实现各种排版需求,提升页面的美观和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值