A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 雨后丶初晴 于 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>
注释标签
        <!-- 中间的内容会被注释,有快捷键 Ctrl+?-->        
        说明代码的含义,更好的管理代码的可读性,程序不会对注释的代码进行解析。
相对路径
        相对路径(从当前文件出发,去查找其他文件)
                同级路径
                        文件和目标文件在同一目录文件夹里面,可以直接书写目标文件名
                下级路径
                        文件和目标文件的父级在同一目录文件下则  父级文件名/目标文件名
                上级路径
                        文件的父级和目标文件的父级在同一目录文件下则  ../  翻回上一级文件夹        书写格式为
   ../文件父级文件/目标文件父级文件/目标文件                        
        绝对路径
                一般不用,带有网络的可以偶尔使用
锚点定位
        实现页面内部的跳转
        <h3 id="锚点">寻找的标题</h3>

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


点评

不错!加油  发表于 2019-4-18 15:23

4 个回复

正序浏览
          留名
回复 使用道具 举报
留言   写的很好
回复 使用道具 举报
           

王宇
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马