zoukankan      html  css  js  c++  java
  • 笔记

    名称:H5、Wed、前端、全栈

    可以制作网站、APP、小程序、公众号、

    页面——浏览器是页面的环境

    页面的扩展名:.html                      图片:.jpg   .png    .gif                 .exe 应用程序扩展名

    常见的浏览器有Ie、谷歌、火狐、360、欧朋

    我们在测试时用谷歌

    开发工具有:记事本(.txt)、Sublime、dreamwear、webstorm、hbulider。

    网页是由title、url、body制成的

    注:title:主题、题目、标题

           url: 网址

          body:网站内容   (body的内容是靠代码实现的)

          html语言:超文本标记语言

    标签的结构:<标签名>

    段落的结构:<内容>      列如:<p>我的老师</p>

    *若汉字出现乱码,因为文字编码不一样,UTF-8是国内的编码

    常用的快捷方式:ctrl+s(保存)、ctrl+c(复制)、ctrl+v(粘贴)、ctrl+A(全选)、ctrl+x(剪切)

    标签:

    标签分为双标签和单标签

    双标签又分为开始标签和结束标签,两个标签之间是内容。

    单标签也叫空标签。

    常见的标签:

          1、标题标签     h1到h6       <h1></h1>

          2、图片标签   img       资源——本地资源、网路资源

                                目录: ./ 当前目录       ../ 上一级目录

                                <img src =" "/>       (src属性是图片的路径) 

                                width(宽度)、   height(高度)、   单位px

          3、超链接   <a></a>    

                             <a href =" "></a>

                             a的两个属性:一个是href 值是需要跳转的页面地址

                                          另一个是target 跳转页面的打开方式,  blank(在另一个页面)、  self(默认在当前页面)

    *id为一种起名方式    id="..."    (只要用id起的名字,前面必须加#)

    *Html 特有的注释   <!--(内容)-->  (隐藏)     快捷键:ctrl+?

    基本网页骨架:

    1、<DOCTYPE  html>                    文档类型声明,H5特有的

    2、<html>                  网页标签

    3、  <head>          头部标签

    4、    <meta  charsent="UTF-8">         国内编码

    5、    <title></title>                     网页标题标签

    6、  </head>

    7、  <body>              主题标签

    8、  </body>

    9、</html>

    起名方式:

                1、标签名

                2、id起的            (使用时加“#”)

                3、class起的        (使用时加“.”)——锚点(链接不能用)

    *起名的目的就是为了给他添加样式, style:也就是属性

     属性:代表事物的一些特征,比如:width、height、color、background、

     起名时应注意:1、书写规范;

                      2、起名规范,不能用汉字,第一个字母必须是英文字母;

                      3、每一个属性后面必须加分号(;)。

     表格(table):

           <table  border="1"  cellspacing="0"  cellpadding="0">

     *注:border:边框粗细属性               cellspacing:单元格空间的属性              cellpadding:单元格内边距属性

     *当图片插入表格中出现余白时,应:

     img{

        width:200px:

        height:200px;

        vertical-align:middle;           解决照片余白

           }

      colspan:水平合并单元格

      rowspan:垂直合并单元格

     

  • 相关阅读:
    使用Selenium对付一个点击游戏
    使用Selenium登录新浪微博
    LeetCode题解 #155 Min Stack
    LeetCode题解 #2 Add Two Numbers
    django for monkey(chapter one)
    Django,数据模型创建之数据库API参考(转载)
    python djang suit模板
    Jmeter多机并发压测IP地址问题
    Jmeter进行数据库压测
    fiddler实现手机端抓包(代理)
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9613656.html
Copyright © 2011-2022 走看看