html超链接心得,Html小结

这篇博客总结了HTML的基础标签,包括段落、标题、超链接、文本格式化、图片、表单、列表、表单元素等,并详细阐述了各种标签的用法和属性,帮助读者深入理解HTML文档结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML简单总结

将标签分为9个分类,逐一罗列

一、基础标签

段落,段落中文本忽略空格和换行


换行,用于

段落中换行

标题,从h1到h6

align="XX",位置,左中右

This is heading 1

This is heading 1

This is heading 1


水平线

注释

超链接       

图片       w3school.jpg

二、文本相关

1、文本格式化

This text is bold

This text is strong

This text is big

This text is emphasized

This text is italic

This text is small

This text contains subscript

This text contains superscript

843c005e3156

2、

保留文本中的空格和换行

3、“计算机输出”标签

int a =1;

Keyboard input

15521316902

Sample text

var

4、地址

5、引用

,

使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。

6、,删除,文本带中横线

,插入,文本带下划线

三、链接相关

通过使用 href 属性 - 创建指向另一个文档的链接

通过使用 name 属性 - 创建文档内的书签

1、本文本 是一个指向本网站中的一个页面的链接。

2、图片作为超链接

eg_buttonnext.gif

3、target= _blank  ,main,top,self,parent

4、name=标致一个跳转的锚点,herf中#来选择

Chapter 4

提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

# 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。

四、框架

1、垂直划分:cols

2、水平划分   rows=" 25%,50%,25%"

3、支持嵌套

4、,嵌入一个web

五、HTML表单

1、表格

border="3",边框粗细;

border="0",没有边框

100

2、标头:

  table head,加粗效果

843c005e3156

3、标题:

我的标题, 放于table标签下

4、合并行 colspan="2"   rowspan="2"

5、

6、table属性 ,内边距,cellpadding="20"

bgcolor="red"

background="/i/eg_bg_07.gif"

7、文本属性 align="left",表格内文本排列方向

8、frame 属性来控制围绕表格的边框

frame="box",环绕

frame="above"

frame="below"

frame="vsides",垂直两条横线

frame="hsides"    水平两条横线

六、列表实例

1、无序列表

  • ……

2、有序列表,默认序号从 1 开始,start指定开始序号

  1. 咖啡
  2. 牛奶

3、无序列表 ul 属性 type,表示项目前的符号

type="disc",type="circle", type="square"

4、有序列表 ol 属性 type,表示项目前的序数,默认数字1 、2、3或者A\B\C,或I\II\III

type="A",type="I",type="i",

七、表单与输入

1、文本框 

2、密码     

3、复选框

4、单选框

5、下拉列表,默认选项 selected="selected"

Volvo

Saab

6、文本域 

7、按钮

8、文本周围绘制一个带标题的框

健康信息

身高:

体重:

9、提交:,提交到form的action地址

……

八,图像实例

1、eg_mouse.jpg

2、

3、align="bottom",默认bottom ,图片排列方式 ,align="bottom",align="middle",align="top",

eg_cute.gif 在文本中

4、align ="left",浮动到段落的左右

5、 大小:width="50" height="50"

6、文本替换图片显示:alt="向左转"

7、嵌入中作为超链接

8、 图片映射,显示如何把一幅普通的图像设置为图像映射。

九、背景:W3C 在他们的推荐标准中已删除这些属性。

1、

2、

3、

十、其他

1、link  

2、title   

标题不会显示在文档区

3、meta

关键字   

content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">

content="w3school.com.cn">

4、重定向

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值