HTML + CSS基础

前端学习HTML特殊字符标签文本修饰标签引用标签iframe标签可以引入其他的html到当前的html中显示主要是利用iframe的属性进行样式的调节pre与code标签(一起使用)针对网页的程序代码的显示效果map与area(一起使用)给特殊图形添加链接embed与object给flash和一些插件进行渲染操作的标签audio与video引入音频与视频的标签ruby与rt(一...
摘要由CSDN通过智能技术生成

前端学习

HTML

特殊字符

标签

 

文本修饰标签

引用标签

iframe标签

可以引入其他的html到当前的html中显示

主要是利用iframe的属性进行样式的调节

pre与code标签(一起使用)

针对网页的程序代码的显示效果

map与area(一起使用)

给特殊图形添加链接

embed与object

给flash和一些插件进行渲染操作的标签

audio与video

引入音频与视频的标签

ruby与rt(一起使用)

文字注解

link标签扩展

添加网址标题栏的小图标

<link rel="ico" type="/image/x-icon" href="http://www.mobiletrain.org/favicon.ico">  /*千峰的小logo*/

dns解析处理,加快网站访问速度

<link rel="dns-prefetch" href="...">

语义化标签

header 页眉 footer 页脚 main 主要的 nav(navigation) 导航的简写 section 区段 aside 旁边 article 文章

 

超链接跳转方式

href 链接的地址 target 可以改变链接打开方式,默认值为:_self(当前页面打开),可以改成blank,则跳转时打开新页面

也可以如下实现,改变所有链接跳转方式,都为新页面跳转

<head>
    <base target="_blank"></base>
</head>

跳转锚点

利用#,id即可实现

<body>
    <a href="#html">html</a>
    <a href="#css">css</a>
    <a href="#js">js</a>
    <h1 id="html">HTML</h1> <p>...</p>
    <h1 id="css">CSS</h1>   <p>...</p>
    <h1 id="js">JAVASCRIPT</h1> <p>...</p>
</body>

列表

无序列表

 

有序列表

  

定义列表

<body>
    <dl>
        <dt>标题</dt>
        <dd>子标题1</dd>
        <dd>子标题2</dd>
        <dd>子标题3</dd>
    </dl>
</body>

图片

常见图片格式:

gif: 支持动画,只有全透明和不透明两种模式,只有256种颜色。

jpg: 采用有损压缩算法,体积较小,不支持透明,不支持动画。

png: 采用无损压缩算法,体积相对较小,支持背景透明,不支持动画。(比较常用

svg: 只会记录图像的形状和颜色。(不太适合用于保存照片,适合保存图形)

psd: Photoshop原始文件,方便切图

图片处理:

src 引入图片的地址

title 鼠标划上时的提示信息 alt 若图片加载失败后的提示信息

表格

caption 表格标题

colspan:单元格所占列数(列合并)

rowspan:单元格所占行数(行合并)

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值