PM:

一、html标签 +内容
标签:决定内容的显示方式,样式

二、案例技术要求
使用标签
CSS
容器-div

开发工具:Sublime text3
chrome

html css js
内容 + 显示 +动作

三、html
正常情况下是流式布局(一个一个挨着)

h-标题标签
p-段落标签

div-多个元素,多行元素 block
span-存放单行文本,元素 inline
成对标签 <h1></h1>
单标签 <br></br> 换行\\r\n <hr>
空格标签 &nbsp; &lt; &gt

四、css (cascading style sheet)级联样式表单
控制内容的显示样式
选择器+规则

1.元素选择器
div{background-color:black;}
h1{ }
a{ }
img{ }

2.ID选择器--一个元素的ID,只会影响到本元素(优先权最高)
#myid{ }
clear:both 左右都没有东西

magin -border - padding-content

-------------------------------------------------------------------

实现音乐网页
../ --前一个目录的文件
./ --本目录

<img src="img/1.jpg" width=>

------------------------------------------------------------------------
总结:
1.html标签
文档:<html> <head><body> </body></head></html>
内容标签:<div>多行内容
<span>一行内容
链接a <a href="url" ></a>
图片 <ima src="" width height>
<video> <audio>

2.css样式表 选择器+规则
id样式表
元素样式表 body{ } div{ } img{ }

颜色:
color:字体颜色
background-color

3.布局+盒子模型

----------------------------------------------------------------------------
总结:
一、进行总结:--》blog
1.html/css
2.布局 盒子模型

二、自己做一个网页

NT:

1.回顾音乐网页编程,改善,改良,margin的使用,元素容器及ID容器标签li(ol->有序列表,ul->无序列表)
2.class和id
3.查找网页模板及学习(百度营销中心)探索head添加背景图片,尝试自我营销网页编写
4.用下载源码,查看源码的方式进行学习

Question:文字click需要js事件触发?

转载于:https://www.cnblogs.com/JackChenYK/p/7719846.html

2017.10.23学习知识总结回顾及编写新网页相关推荐

  1. 2017.10.23解题报告

    预计分数:100+60+0=160 实际分数:100+80+0=180 T1 题目描述 现在有一个字符串,每个字母出现的次数均为偶数.接下来我们把第一次出现的字母a和第二次出现的a连一条线,第三次出现 ...

  2. 2017.10.23 模拟考试 (题目来自:学大伟业)

    T1 叉叉 题目描述 现在有一个字符串,每个字母出现的次数均为偶数.接下来我们把第一次出现的字母a和第二次出现的a连一条线,第三次出现的和四次出现的字母a连一条线,第五次出现的和六次出现的字母a连一条 ...

  3. 2017.5.23 -- 学习记录

    学习目录: 1.ViewStub Android :不占空间和性能的根据不同情况显示不同的布局. 2.android 中的merge标签: 在include布局中的根布局可以使用这个merge,系统遇 ...

  4. 2017.10.23 卡牌游戏 失败总结

    dp好难啊.. 这个题主要是离散点找不准,但其实也就这样 1.尝试状态压缩,状态爆炸 2.状态里面1很多,尝试统计1的个数 3.枚举起点 但这样做还是没法做,因为没有终点 所以就再枚举一层终点.. 就 ...

  5. 2017.10.23 chess 中国象棋 思考记录

    这种题的一般解法: 1. 发现状压可以搞,然后发现状态爆炸 2.考虑状态特点,一共只有几种可能的状态 3.考虑可不可以只对状态进行计数 4.离散统计贡献 码: #include<iostream ...

  6. 2017.10.23 硬币购物 失败总结

    这题常规套路根本用不上 一共就四枚硬币,所以要考虑对硬币的算法 然而谁能想到容斥啊... 首先查询是很多的,需要对每个查询做到尽量常数级 首先排除dp查询,因为状态肯定不支持O(1)查询 然后需要想到 ...

  7. 2017.10.23 Arduino Atmel EFM32低功耗监测

    mark:因为最近一直调试(维护)客户的EFM32,和其他系列的Atmel芯片.对atmel不熟悉,做点功课. 1. 自建Arduino 最小系统(原来树莓派都是Atmel的芯片) http://ww ...

  8. 2017.10.23 二周第一次课

    2.6 相对和绝对路径 绝对路径:路径的写法一定是由根目录/写起的 .例如:/user/local/mysql 相对路径:路径的写法不是由根目录/写起的. pwd:查看当前所在的目录/路径. 2.7 ...

  9. 2017/10/1 学习日记

    1. Activity的组成 以及 绘制的流程 结构组成:Activity是由最外层的PhoneWindow包裹着它的内部类DecorView,DecorView中又根据不同的情况加载不同的布局,(带 ...

最新文章

  1. aptana对齐快捷键ctrl+shift+f
  2. PUSHA/PUSHAD POPA/POPAD 指令详解
  3. aggregations 详解1(概述)
  4. pptv多屏互动服务怎么删除
  5. html5游戏制作入门系列教程(二)
  6. python100天从新手到大师 pdf_Python100天从新手到大师(Python100Days)
  7. C#设计模式-策略者模式
  8. Vue.js新手入门指南
  9. 【李宏毅2020 ML/DL】补充:Ensemble: Bagging, Boosting, Adaboost, Gradient Boosting, Stacking
  10. android点滴9:模拟器中如何输入中文
  11. OpenCV——LBP特征
  12. StarRocks不稳定版本(解除AVX2指令集限制)
  13. 熊猫学猿--sql查询
  14. secureCRT查看日志命令
  15. OA系统权限设计思想和概念
  16. uniapp 制作手机app程序, 使用uni.chooseVideo录制视频,视频播放模糊分辨率低的原因
  17. Windows电脑把蓝牙耳机识别成未知设备怎么办?(无法识别蓝牙耳机)
  18. 【每日新闻】倪光南:“中国芯”切勿重硬轻软;美国研发出可直接在皮肤上打印的3D打印技术...
  19. 最新Hive/Hadoop高频面试点小集合
  20. 幼儿园数学区如何用计算机作用,实用帖——幼儿园数学区域玩教具

热门文章

  1. java int数组任何数之间间隔不能对于指定数,内付极速排序
  2. 反射——类(Class)
  3. 《C++ Primer Plus》16.2 智能指针模板类
  4. 我当圣诞老人跳舞啦!
  5. [导入]存储过程-分隔符号-多条件查询
  6. linux修改resolv自动清除,centos 6.2的/etc/resolv.conf自动清空问题
  7. Kafka初始化和故障转移
  8. (36)System Verilog线程并行执行(fork-join)
  9. (09)VHDL例化VHDL
  10. 横河川仪压力变送器调零_YOKOGAWA/横河EJX110A差压变送器的性能误差和精度介绍...