zoukankan      html  css  js  c++  java
  • 网络安全攻防html基础

      一.学习html的硬件条件

            网页(.Html)是静态的,学习html语言需要选择Chrome浏览器和Sublime3编辑器,选择Chrome浏览器是因为Chrome浏览器兼容性比较好,支持各种各样的插件和扩展。

    Ctrl+s保存编写的代码

      二.标签

    标签是允许嵌套的

    (1)双标签

    1.<h1>(首标签)…</h1>(尾标签)(下同)最大的标题

    2. P标签 段落

    3.Div标签 相当于一个容器

    4.html标签表明文档的类型为html

    5.Body标签是用户能看到的部分(用户部分)

     (2)属性标签

    1.<meta 属性名称=“属性值”>,<meta charset="utf-8">添加一本万国字典。不能实现中文,有乱码用单标签meta来解决

    2.列表表示:<ul>

                           <li></li>

                     <ul>

      例如:

    会显示为:

    3.添加样式

    Width:

    Heigt:

    Background:

    4.Float浮动,改变布局,尽量避免重复代码

    把重复代码抽离出来,以便于维护。如何抽离?

    <1>Nav(一套样式的名字)

    <2>

    通过名字查找样

    层叠样式表(CSS)

    如何引用公共样式

    Class

    (三)常用选择器:

    1. 类选择器:公用.+名字+{}    为相同的类名赋予样式
    2. ID选择器:#+名字+{}绑定的标签是唯一的:为对应的ID赋予样式,建议一个ID只能在一个标签出现一次
    3. 标签选择器:div+{选择所有的div元素}不需要进行标签引用   为相同的标签赋予样式
    4. 选择器优先级:

      ID>class(类选择器)>elemnet( 标签选择器) ice原则>

    核模型

    (四)div的属性设置

    字体与左上方边缘的距离                       padding: 10px;

    div的边框大小和颜色                               border:  2px solid black;

    两个div之间的距离                                   margin: 10px;

    Padding留白

    Border边框

    Margin 与其他标签的边距

    注释用Ctrl+/

  • 相关阅读:
    Spring RESTful Web Services
    Uploadify自定义提示信息
    linux下查找进程及终止进程操作的相关命令
    SecureCRT+SecureFX 7.1.1.264整合版
    关于JSP的语法和常用的内置对象,EL表达式的使用方法
    Servlet的几个常用对象
    使用bootstrap写的简单页面
    bootstrap的使用方法
    EasyUi的使用方法
    Ajax与jQuery的使用方法
  • 原文地址:https://www.cnblogs.com/qiaodan/p/5712609.html
Copyright © 2011-2022 走看看