web前端之HTML学习第二天
2018-11-28 09:16
302 查看
一、超链接的用途及使用方法
HTML使用标签 < a >来设置超文本链接,是可以从一个页面指向另一个目的端的链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
- 网页链接 < a href=“网页地址” target="_blank" >网页名称或其他< /a >
- 邮箱链接< a href=“邮件地址”>邮件地址< /a >
- 网页位置链接< div=“id名称”>
- 电话连接
补充:使用 Target 属性,你可以定义被链接的文档在何处显示(在新的窗口打开,还是在原有的窗口中打开)。
二:使用样式的三种方式
-
引用外部样式文件
新建一个文件命名为file.css
div {
font-family:仿宋;
}
引用方法:
< link rel=“stylesheet” type=“text/css” href=“file.css” /> -
写在head里面 style标签内
div{
font-size: 字号大小 (50px、100px…)
font-style: 字体格式
font-weight: 字体粗细
颜色属性color: 文本颜色
} -
写在元素开始标签内,用style属性
三、同一层层叠的优先级
1.id的优先级最高
2.类class其次
3.tag标签类
4.浏览器默认最低(不同浏览器默认显示内容不一致)
四、不同引用形式混合在一起
1.style属性 内联为最高层级
2.id等级最高 后定义的会覆盖先定义的
3.后引用的会覆盖先引用的
相关文章推荐
- Web 前端学习笔记之 HTML 入门(3)
- 从零开始,学习web前端之HTML基础
- WEB前端(HTML、XML、CSS、JS)学习笔记
- web前端学习(一) html+js实现文本框背景及只读属性修改
- WEB前端学习笔记-HTML(上)
- web前端与移动开发---html列表、表单元素等标签的学习
- web前端之HTMl学习
- Web前端入门学习(2)——HTML常用标签
- web前端学习------HTML基础
- web前端学习——html介绍
- WEB前端学习笔记-HTML(中)
- Web 前端学习笔记之 HTML 入门(1)
- 小白学习前端---第二天 HTML的基本属性————1
- WEB前端学习笔记-HTML(下)
- Web前端学习——HTML知识点
- 这几天买了很多书,最近这2个月的学习目标是:熟悉Linux、C、Python、Web前端基础(HTML、XHTML,CSS)
- 【前端】【html/css】前端学习之路(十三):CSS高级技巧(二)(精灵图/滑动门/Web字体)
- Web前端学习第十三天·fighting_HTML页面设计技巧总结(二)
- HTML5零基础学习Web前端需要知道哪…
- web前端之html从零开始(二)----a标签学习,强化