当前位置 博文首页 > mataodehtml的博客:java学习之路——第二十六天

    mataodehtml的博客:java学习之路——第二十六天

    作者:[db:作者] 时间:2021-08-11 09:48

    ?

    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