在公司没事,随手写写

HTML

什么是浏览器什么是服务器?

  1. 浏览器是指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。(前端) *特点:

    • 可以显示服务器中的html文件。
    • 可以让用户与这些文件交互。
  2. 服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。
    • 特点:
    • 处理请求。
    • 必须保证二十四小时开机状态。

请求协议:http协议:

  1. 请求报文。
  2. 响应报文。
  3. url:(地址)地址栏上我们输入的内容。
    • Url的组成:协议://服务器的ip地址:端口号/请求页面。

原来浏览器所做的事情是将服务器响应回来的response进行从上到下的解析(渲染),将最后的页面效果显示出来。

浏览器上能识别的语言

  1. HTML:从语义角度,描述页面的结构。
  2. css:从审美的角度,美化页面。
  3. javascript:从交互的角度,提升用户的角度。

HTML

  1. 标签与标签的关系

    • 嵌套关系
    • 并列关系
  2. 标签

2.1 h(header)标签

 h系列的标签(Header):h1,h2,h3,h4,h5,h6
 作用:把页面上的文字加上标题上的语义
 *注意:一个页面只能使用一个h1标签

2.2 p(paragraph)段落标签

 作用:给页面的上一段文字加上段落的语义。
 特点:页面上的一个段落,单独占一行,并且与上下内容之间存在距离。

2.3 hr标签(Horizontal Rule)

 作用:在页面显示一条横线(没有自己的语义)
 特点: 在页面显示一条横线,默认占整行。

2.4 br标签(break)

 作用和特点都是换行

2.5 b(Bold),u(Underlined),i(Italic),s(Strikethrough),strong,em,del,ins

 作用:
     b:加粗    语义:没有语义
     u: 下划线
     i:  倾斜
     s: 删除线
     建议不要使用,因为这些标签没有语义。
     作用:
     strong:加粗   语义:加强语气
     ins:下划线
     em:倾斜
     del:删除线
     可以使用

2.6 img标签(image):

       作用:在页面显示一张图片
       特点:就是显示图片。
        属性:
     src    图片显示的路径
     alt    如果图片加载不出来会显示这个属性中的文字
     title    介绍这张图片

2.7 a标签(Anchor):锚

 a 标签的其它名称:
    超级链接,超链接,锚链接
    作用:可以在一个页面跳转到另一个页面上
 注意:在a标签之内必须要写上文字,如果没有,那么这个标签在页面上找不到。
 a标签的其它用法:
 1.0可以不跳转(跳转到当前页面)href=”#”
 2.0可以跳转到另外的页面。
 3.0可以在当前页面进行定位。
 A.设置a标签的href属性为“#id名”,
 B.在页面的指定位置加入一个目标标签(可以是任意标签)
 C.必须给这个标签设置一个id名:<p id=”mubiao”>这是目标</p>
  4.0在跳转的页面进行定位。
  5.0可以进行下载。(强烈不推荐使用)

    a标签的属性:
  href    a标签跳转的目标地址
  target    _blank:保留原始页面,再进行跳转
  _self:在当前页面进行跳转
  base    为页面上所有的a标签设置跳转的方式(base标签一般放在titile标签下面)
时间: 2024-10-10 21:15:38

在公司没事,随手写写的相关文章

随手写写

在公司实习一个多月了,入职的时候还是七月底呢. 一个多月下来,虽然工作也比较忙,比较累,经常因为各种不明白的问题加班加点.但是感觉研发工作还是挺对我胃口,不用扯皮,不用搞些乱七八糟的事情.偶尔开开会,权当茶歇,干累了任何时候都能上上网休息一会儿. 当然了,事情没有尽善尽美,享受了不受外物干扰的清闲,就得忍受无人沟通的寂寞. 幸好还有小伙伴. 不过也没办法,天下的便宜总不能叫我一个人占了嘛,又不想跟人扯皮,又想无聊了很多人陪,怎么可能呢? 工作中偶尔会遇到一些难以解决的问题,长时间解决不了,真的让

新手入门SEO优化技巧

外链向来在我们SEOer人员心目中都是有着很重要的地位,外链的重要性在这里就不再赘述了,今天我们就直奔主题,给大家分享最全的外链寻找途径. 1.domain+网址    基本上这个就可以看到对手或者一些网站的所发的外链情况,当然如果想要效果更好点的,也可以去百度站长平台,找到外链分析,看详细的外链组成. 2.intitle:关键词+Powered by+平台(网站)   举几个例子大家就明白了    intitle:广告区 Powered by discuz   intitle:广告区 Powe

对重邮的一些认识【一个通信研二学生的帖子】

楼主对此贴跟进,终极结帖!!      呦呵,刚码完代码一阵郁闷想来考研论坛上逛逛,密码一试居然可以通过,庆祝一下下.发现新消息一直在闪,时隔将近两年居然找到了自己2011年发的贴子,呵呵.现在研三了,马上就要从学校滚蛋了,心里没有什么舍不得,不欠学校什么,但心里也有些舍不得,在学校老师对我很好(我很感激所以现在还在做第四篇论文的实验室希望能再留下点什么证明自己存在过,也报答老师的负责之情),同门的关系也很融洽,认识了一大帮的好兄弟好基友,学习上自己也尽力了.想说些什么,但思维很乱就随便说了.这

开源协议解读

开源在今天的软件业已经很普遍,但开源是否意味着使用者可以对开源后的代码为所欲为呢?答案是否定的.开源运动同样有自己的游戏规则和道德准则.不遵行这些规则不但损害开源运动的健康发展,也会对违规者造成名誉和市场上的损失,更可能陷入法律纠纷和赔偿. 现今存在的开源协议很多,而经过Open Source Initiative组织通过批准的开源协议目前有58种.我们在常见的开源协议如BSD, GPL, LGPL,MIT等都是OSI批准的协议.如果要开源自己的代码,最好也是选择这些被批准的开源协议. 这里我们

Web建站安全防护建议

最近自己建了个网站,网站安全搞了一阵,闲来没事就写写总结,方便以后查看. 建议 服务器上能少开的端口就少开 服务器最好禁ping 服务器最好使用秘钥登录,禁止root账号登录 应用程序千万不要使用root启动!!mysql.nginx.java程序这些最好用其他用户启动.还有,运行的用户不允许对源代码有修改的权限! 程序如果有上传文件的功能,相应的目录不能有执行的权限. 关于暴露服务器真实ip的问题,如果作为web网站,除了购买高仿IP,好像别无选择.. 我的网站目前没管,用cdn好像也没多大作

自定义View之实现日出日落太阳动效

以前也很羡慕网上大神随手写写就是一个很漂亮的自定义控件,所以我下决心也要学着去写,刚好最近复习了Android View的绘制流程知识,看来看去就是那些个知识点,没点产出总感觉很迷.现在个人呢用的是华为荣耀8手机,碰巧在看自带的天气APP时,滑到最下面看到那个动效图:日出时间和日落时间上边是一个半圆,白天任意的时刻(在日出和日落时间之间)都有对应一个太阳从日出时刻沿着半圆弧做动画特效,个人第一感觉就是:就拿这个来练练手啦!于是拿着笔和纸,画了模型图,甚至求什么sin.cos函数,有点过分了哈,还

关于2015年的相关总结

关于2015年的相关总结   转眼间2016年了,到了六月份就要参加工作了,是时候总结一下了,这一年多经历了很多的事情,有过痛苦,有过快乐,不过大部分的时光都是非常快乐的,感觉这一年过的很充实,也很欣慰.   想当初3月份刚到实验室的时候,自己还是个小菜鸟,虽然现在也是个菜鸟,不过已经不像当初那样了.一年的时光让我成长了很多.学到了很多的东西,同样交到了很多的朋友,无论是过程还是结果还是非常让自己满意的,当初刚到实验室的时候,和每个人都不熟,也不知道当时自己的目标到底是什么,为了什么去实验室,只

Android仿小米商城商品详情界面UI,ScrollView嵌套ScrollView/WebView/ListView

最近公司没事,研究了下多嵌套滚动组件的事件分发,虽然以前也接触过,但都是拿网上的用,也是特别简单的,正好朋友也需要,就研究了下 这个Demo也不是很完善,放上来也是让各位大牛给指点一下,优化优化 使用情景: 小米商城商品详情界面,界面看似ScrollView,但当正常滚动到底部时,提示继续上拉显示更多详情,上拉后直接滚动到第二屏,第二屏是个ViewPager,ViewPager里面的各个pager有的是WebView有的是ListView,有的是ScrollView,一开始想想就特别头晕,后来理

以此纪念

17年8月15,不知道算不算7月半.在这个好日子里本宝宝终于找到一个属于自己的WEB前端的工作. 我希望你开始工作以后一定不能放松懈怠.而是应该更加努力的朝着自己的目标前进. 给自己的建议: 1.每天明确自己的任务,即便是公司没事可做. 2.在做任何事情之前一定要先沟通,确定这是别人需要的效果和截止的时间. 3.习惯性的学习英文,从枯燥的背单词开始,英语也是一个很好的学习工具. 4.规律的生活以及工作,工作中一定要给自己限定完成的时间. 5.不知道的东西要记录下来,然后去获取了解. 6.最后遇到