PythonLi
PythonLi

2018-10-29day01html

1.html标签

标签=标记 head标签和body标签

1.标签语法

双标签(常规标签)：开头<标签名 属性名1:属性值1 属性名2:属性值2....> 中间标签内容 结尾
单标签:<标签名 属性名1:属性值1 属性名2:属性值2.../> 或者 标签名 属性名1:属性值1 属性名2:属性值2...
说明:
<>固定写法
标签名:标签名都是html中已有的标签，不能自己随便命名，注意:开始标签结束标签和尖括号之间不能有空格。
属性:属性名和对应的属性之间用冒号连接。属性之间没有先后顺序
内容:内容写在开始标签和结束标签之间，可以是任何东西，文本或者其他标签都可以。
head标签；
title、mate、base、link、style、scrip
title设置网页标题
meta设置网页源数据（单标签）
body中的标签有很多，主要用来在网页内容中添加信息

 
 
    
        
        html标签
        
        
        
     
    
        
'Hello World'

2.文本标签

标题标签

h1---h6 标签来设置大小


        
我是标题1

        
我是标题2

        
我是标题3

        
这个提示

        
夸张了啊

        
过分了

每个段落使用 p标签。每个段落的内容显示完成后会自动换行



10月28日晚上17点45分，天津市大港中塘镇安达工业园内一处仓库发生火灾，消防人员赶赴现场，进行全力扑救

        
当晚，天津风力较大，给火灾扑救带来了困难。天津消防总队特勤支队支队长张大鹏说，“消防人员是28日18时03分抵达现场，导致长时间燃烧的原因主要是因为润滑油。我们共调动消防员300余名，调动包括重型泡沫车，远程供水车，火场指挥车，大功率泡沫车等共60余部消防车。”

        
救火

3.特殊功能的标签和符号
在html文本中的换行、空格、tab等都是无效的(空白无效)如果要换行用 空格: 


              举头望明月，

            

            低头嘤嘤嘤。

4.字体相关的bq
加粗:b标签/strong标签。
b标签只是单纯的加粗。strong有强调作用

倾斜:i标签和em标签
i标签只是单纯的文字倾斜效果。

颜色font

5.水平线:

3.列表标签

列表标签分为有序标签、无序标签、自定义标签

有序列表:
ol代表整个列表
li代表列表中的元素
 
    
            
  1. 基础语法
    2. 
            
  2. web前段
    3. 
            
  3. web后端
    4. 
            
  4. 数据和人工智能
    5. 
            
  5. 项目
    6. 
         

无序列表:
ul代表整个列表
li代表列表中的元素

    
            
  • python人工智能
    • 
            
  • HTML5
    • 
            
  • Java大数据
    • 
            
  • 自动化测试
    • 
            
  • 爬虫
    • 
         

自定义列表:
dl代表整个列表
dt代表分组
dd代表列表中的元素
 

            
联盟:

            
兴欣

            
蓝雨

            
霸图

4.图片和超链接

1.图片标签:img。可以显示本地图片和网络图片
单标签
src属性--图片地址(本地图片路径也可以是网络图片的url)
本地图片路径 地址可以是绝对路径也可是相对路径，一般将图片放在工程的img文件夹中，写相对路径

title -- 设置图片标题(鼠标停留在图片上，显示的内容)
alt --设置图片加载
2.超链接图片: a 标签
a. 内容 --文字/图片
href ----跳转的目标地址
(1)网页地址 ---跳转到指定的网页
(2)本地的html文件地址 跳转到本地的html对应的网页中
(3) 空 -刷新网页
(4)选择器 -- 在当前网页中跳转到指定的位置


 图片
         列表标签
         刷新
         回到顶部
         回到第2张

c.targrt --跳转方式
_self - 默认值 ，在当前页面加载新的网页 ，覆盖原网页
_black --在新的页面加载出页面，原网页还在

 百度一下
        
        
         abc

5.数据表格

1.表格标签
table标签 -- 整个表格
tr --行
td --单元格

2.表格边框相关的属性
border - 边框的宽度
bordercolor --边框的颜色(颜色值可以是英语单词也可是RGB对应的16进制值)
cellspacing ---单元格和单元格之间的间隙
cellpadding ---设置单元格中内容和单元格边框之间的间距

3.背景颜色
bgcolor --背景颜色
a.作为table的属性-设置整个表格的颜色
b.作为tr属性 -设置某一行的颜色
c.作为td属性，设置某一个单元格的背景颜色

 
4.宽度和高度
 width --设置整个表格的宽度(作用于table)
 heigjt --设置高度
a.作用于table --设置整个表格的宽度和高度，按文字比例分配每一行每一列的宽度和高度
 b. 分别设置每一行的高度和每一列的宽度.设置列的宽度只需要设置一行中列的宽度就可以了
 c.作用于td 就是让指定的单元格中的内容居中 左对齐或者右对齐
应用:细线表格
 第一步:设置整个表格的背景颜色(线的颜色)和每个单元格的背景颜色(表格的颜色)
 第二步:设置cellspacing的值为边框的宽度
 

             
            

                First Name
                Laetname
                Points
            

            
            

                jill
                smith
                50
            

            
            

                eve
                jack
                95
 
  
  
  
 
5.对齐方式
 align --center居中、left左对齐、right右对齐
a.作用于table 让整个表格在body中居中 左对齐 右对齐
 b.作用于tr，让整行中每个单元格的内容在单元格中对齐
6.复杂表格
1.制作复杂表格的方法:
 a.确定表格的最大行数,在table中用tr表示出来
 b.第二步确定每一行有多少个单元格
 c. 确定每一个单元格是否有合并现象。如果是行合并就设置rowspan，如果是列合并就设置colspan

            

                1
                2
                3
            

            

                4
                5
                6
            

            

                7
                8
                9

你可能感兴趣的:(2018-10-29day01html)

  • 2018-10-29day01html PythonLi
    1.html标签标签=标记head标签和body标签1.标签语法双标签(常规标签)：开头中间标签内容结尾单标签:或者标签名属性名1:属性值1属性名2:属性值2...说明:html标签'HelloWorld'2.文本标签标题标签h1---h6标签来设置大小我是标题1我是标题2我是标题3这个提示夸张了啊过分了每个段落使用p标签。每个段落的内容显示完成后会自动换行10月28日晚上17点45分，天津市大港
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他