黑马程序员技术交流社区

标题: 第一次的帖子就发点笔记，聊聊天吧（王宇） [打印本页]

作者: 雨后丶初晴 时间: 2019-4-18 11:55
标题: 第一次的帖子就发点笔记，聊聊天吧（王宇）
本帖最后由雨后丶初晴于 2019-4-18 14:01 编辑
  呐，既然你点进来了，不妨留下点你来过的痕迹吧（留个言，阔步阔以啊！）我随便说两句了啊。来黑马学习是个不错的决定，至少我是不后悔的，这里有和我一样的目标的人，这就不会在前进的路上孤单了。虽然是本科本专业的学生，但是大学嘛，大家也都知道，该学的自己学，不该学的，老师不教，所以说大学是我们最后一站安逸的旅程了（家里有矿的当我没说）毕竟出了大学就是我们自己闯荡社会的单行道了。说句不好听的，有所少人愿意去当啃老族呢，都是咬着牙自己拼（家里有矿的请忽略!       没皮没脸的当我没没说，出门左转谢谢)。来了，即是为了能奔一个好前程的，大家加油吧！
网页是由图片，文字，链接，视频，音频等等
网页是由w3c机构规定的一系列标签（英文单词）书写而成
ie 火狐谷歌 Safari  operra常见五大浏览器
浏览器的内核是用来读取网页内容，整理讯息，计算网页的显示方式并显示网页
由于各个浏览器的内核不同，所以我们遵循w3c发布的web标准保证我们的网页显示保证一致
web标准三层组成：
结构标准（html）：页面基本结构的搭建
表现（样式）标准（css）：页面的样式的美化
行为标准（javascript）：实现页面的交互
html超文本标记语言用来描述网页的语言（不是编程语言）
用html标签来描述网页元素，像图片，文字，链接等
所有的标签要放在<>符号里
html的基本骨架
<html>
  <head>
      <title>标题</title>
  </heda>
  <body>
   主要代码
  </body>
</html>
head是给浏览器看的，body是给用户看的
标签的分类：单标签（<br/> <hr/> <img src="" />）             双标签
标签的关系
  嵌套关系<head>
            <title></title>
      </head>
  并列关系 <head></head>
         <body></body>
sublime的使用小技巧
  ctrl+n 新建
  html:5 +tab键或者！+tab键出html骨架
  新建一个项目文件夹
  新建的文件必须放在新建的文件夹里面
  后缀名用.html
<!doctype html>定义文档类型，规定是HTML5
lang=（定义语言）"en(英语)""zh-CN(中文)"
字符集：<meta charset="UTF-8">
      GB2312简体中文
      BIG5 繁体中文
      GBK 繁体中文&简体中文
      UTF-8基本包函所有国家的语言
语义化标签的目的
      在合适的的地方放一个合适的标签，让结构更清晰
      方便代码的阅读和维护
      让浏览器或者爬虫跟好的解析内容
      让搜索引擎更好的查找内容
常用标签
      （1）标题标签 <h1></h1>
            分为六个等级，权重依次递减，h1建议一行放一个标题标签，h2建议最多两个，h3-h6随意
      （2）段落标签 <p></p>
      (3)水平线标签 <hr />
      (4)浏览器对空格和回车的解析
         不管多少都按照一个算，除非  ；代替空格，换行用 <br />强制换行标记
div和span标签
         <div>       <span>
            </div>    </span>
      是网页布局的盒子，div标签一行只能用放一个，span标签一行可以放多个，div主要用来进行整体布局，span一般用来小图标的使用。div和span都是布局标签。
文本格式化标签
      加粗标签  <b></b>或<strong></strong>
      斜体标签  <i></i>或<em></em>
      删除线标签  <s></s>或<del></del>
      下划线标签  <u></u>或<ins></ins>
图像标签img
      <标签名属性值1=“” 属性值2=“”...></标签名>
      img是单标签，再引入图片的过程中必须加上src=“”来定位图片的位置
   alt 替换文本，当图片不能显示的时候显示文字
title 提示文本，鼠标放在图片上会出现文字
      修改图片大小
      <img src=" " width(宽度)="" height(高度)="">
   border 给图片加边框，一般不使用后期会用css设置
      注意：1、src是必须书写的
            2、设置图片是一般只设置一个，另一个会等比例放缩，设置两个可能会导致图片变形
链接标签
      <a href="" target=""></a>
可以打开外部链接也可以打开内部链接（文件地址路径）target是链接打开的方式一般我们选择新窗口打开即  target=“_blank”
      空链接是<a href="#"> </a>
注释标签
      
      说明代码的含义，更好的管理代码的可读性，程序不会对注释的代码进行解析。
相对路径
      相对路径（从当前文件出发，去查找其他文件）
            同级路径
                     文件和目标文件在同一目录文件夹里面，可以直接书写目标文件名
            下级路径
                     文件和目标文件的父级在同一目录文件下则  父级文件名/目标文件名
            上级路径
                     文件的父级和目标文件的父级在同一目录文件下则  ../  翻回上一级文件夹       书写格式为
../文件父级文件/目标文件父级文件/目标文件
      绝对路径
            一般不用，带有网络的可以偶尔使用
锚点定位
      实现页面内部的跳转
      <h3 id="锚点">寻找的标题</h3>

      <a href="#锚点">点击的标题</a>
base标签
      在 head 中使用 base 标签
      <base target="_blank"> 这样就可以统一 a 标签全部在新窗口打开
预格式化标签
      <pre> 按照写好的文字格式来刷新页面，写什么就展示什么 </pre>
特殊字符
      空格  ；  小于号 <；  大于号  >；
   版权 ©

作者: 雨后丶初晴 时间: 2019-4-18 14:04

王宇

作者: 庭院深深深几许 时间: 2019-4-18 15:22
留言写的很好

作者: 雨后丶初晴 时间: 2019-6-19 08:54
留名

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2