当前位置 博文首页 > mataodehtml的博客:java学习之路——第二十六天
BasicWeb
基础知识:
???????? HTML
???????? CSS
???????? JavaScript
前端基本框架:
???????? JQuery
???????? LayUI
???????? BootStrap
?
1.HTML:超文本标记语言
???????? 出现的初衷是用来写毕业论文的,所以你发现他有很多东西都是为文档准备的,类似word,他可以让论文在互联网通过浏览器访问,随着更新换代,慢慢的html有了更多的功能。
???????? 整个内容都是通过标签来进行维护的,需要注意的是我们的浏览器有很强的自我修复功能,很多情况下你代码写错,展示页是对的,所以需要自己编写正确,不要指望浏览器给你修复。
?
2、如何开发一个HTML网页
???????? 一个完整的HTML页面需要有以下几个部分组成
???????? <html></html>?? 一个.html文件中只能有一个,代表网页的根标签
???????? <html>
?????????????????? <!--head 是网页的头信息,这里是设置网页的属性的-->
?????????????????? <head></head>
?????????????????? <!--body 是网页的主题内容,设置网页内容的-->
?????????????????? <body></body>
???????? </html>
?? <!DOCTYPE html> 这个是现在流行的html5 的版本号。
指定浏览器按照什么样的html语法版本来解析我们这个.html 文件,如果不指定的版本,浏览器会启动兼容模式,可能会出现一些问题。最好加上版本,告知浏览器以什么版本来解析网页。
?
3.超链接
???????? a.基本使用
?????????????????? <a href = “连接过去的地址”>超链接的描述信息</a>
?????????????????? <a href= “http://www.baidu.com”>百度</a>
???????? b.超链接的属性
?????????????????? target
??????????????????????????? _self? 默认的
???????????????????????????????????? 在当前的选项卡中打开连接地址
??????????????????????????? _black
???????????????????????????????????? 在新的选项卡中打开连接地址
???????? c.使用图片作为超链接
?????????????????? <img/>
?????????????????? 图片的标签
??????????????????????????? src??? 图片的地址
??????????????????????????? width? 图片的宽度
??????????????????????????? height? 图片的高度
??????????????????????????? alt???? 图片显示错误时的提示文字
???????? width和height一般只设置一个,如果设置2个?? 比例不对? 可能图片会失真。
设置一个? 另外一个会自动的等比例缩放。
cs