Head FIRST HTML & CSS 16/3/11

<html>
    <head>
        <title>EdsonLin</title>
      <style type="text/css">
          body{
              background-color:#d2b48c;
              margin-left: 20%;
              margin-right: 20%;
              border: 2px dotted black;
              padding: 10px 10px 10px 10px;
              font-family:sans-serif;
          }
      </style>
    </head>
    <body>
        <img src="image/curry.jpg">
        <h1>EdsonLin‘s first html file.</h1>

        <h2>天气</h2>
        <p id="天气">有点冷<a href="weather/weather.html">Weather</a></p>
        <h2>时间</h2>
        <p><time>19:39</time></p>
        <img src="image/cool.jpg">
        <p>
            <q><strong>千里之行始于足下</strong></q>
        </p>
        <strong>
            书单:
        </strong>
        <ul>
            <li>C primer</li>
            <li>C primer plus</li>
            <li>Head first python></li>
            <li>Head first html &css></li>
            <li>算法导论</li>
        </ul>
        <code>
            #include &lt;iostream&gt<br><br>
            using namespace std;<br>
            int main(){<br>
            &nbsp;&nbsp;&nbsp;&nbsp;cout&lt;&lt;"HelloWorld";<br>
            &nbsp;&nbsp;&nbsp;&nbsp;return 0;<br>
            }<br>

        </code>
        <p>
            &copy;2016 EdsonLin
        </p>
    </body>
</html>
联元素 块元素 void元素
q h1 h2 h3 br
time p img <img scr=“ ../”>
a <a href="../"> blockquote  
  ul  
  ol  
  li  
  code  strong         

                                                      <元素表>       

                                                                        

时间: 2024-10-29 14:14:23

Head FIRST HTML & CSS 16/3/11的相关文章

Head FIRST HTML &amp; CSS 16/03/17

css基本: font-famliy font-size font-style text-decoration color background-color ... 技巧: 在body选择器内先定义父类元素,给子类继承,便于管理 font-famliy后的选项其实是一个待选的优先列表 font-size 在body内最好先定义small,medium,large...子类通过200%,1.2em改变 font-style控制斜体,和<em>本质不同 italic text-decoration

Altium.Designer.16.1.11一体化电子产品开发系统

Altium.Designer.16.1.11一体化电子产品开发系统Altium Designer 16.1.9 Build 221 1DVD详细介绍编辑电路设计自动化 EDA(Electronic Design Automation)指的就是将电路设计中各种工作交由计算机来协助完成.如电路原理图(Schematic)的绘制.印刷电路板(PCB)文件的制作.执行电路仿真(Simulation)等设计工作.随着电子科技的蓬勃发展,新型元器件层出不穷,电子线路变得越来越复杂,电路的设计工作已经无法单

CSS学习笔记11 CSS背景

background-color:背景色 前面我们经常用background-color这个属性来设置元素的背景色,例如下面这条css可将段落的背景色设置为灰色 p {background-color: gray;} 如果想要元素的背景色向外延伸,则只需增加内边距即可 background-color可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素. 注意:background-color 不能继承,其默认值是 transparent.transparent 有“透明

Java初窥门径,学而时习之。.——16/10/11

0基础的文科生,今天开始了java语言的学习,俗话说学而时习之,所以就通过写博客的方式复习并记录学习轨迹. 首先自然是了解Java语言,由于JVM也就是虚拟机的存在这门语言实现了一次编写跨多平台运行,这也是Java风靡各平台的原因之一.之后就是了解Java目录下存放的几个重要文件夹,有存放编译器解释器等工具的bin目录,有存放附加库,开发工具所需的非核心类库的lib目录,还有归档源代码的src.zip文件.在配置环境变量,安装了文本编辑器之后,我们就进入了第一个程序HelloWorld的编写.

数组、字典(16.5.11)

数组的概念和常用方法: Foundation中的数组(NSArray,NSMutableArray)是一组有序的对象集合,通过索引下标获取数组中各个元素.与字符串相同,数组也有可变和不可变数组之分. 数组中不可以存放基本数据类型,只能存放类的对象. 如果需要将基本数据类型放入数组中,需要通过NSNumber进行数据的"封装". //数组的创建与初始化 //(1)调用系统创建方法(系统创建的方法已经加了autorelease),不需要release NSArray *array = [N

CSS特效(11)——按钮填充效果

按钮填充效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&qu

算法导论 16.1-1

用动态规划方法求解活动选择问题,与贪心算法相比,显然是庞然大物,大材小用了,贪心算法可以非常简洁的求解活动选择问题 动态规划: 1 #include <iostream> 2 #include <vector> 3 #include <limits> 4 #define INF numeric_limits<int>::max() 5 using namespace std; 6 int act_select(int s[],int f[],int n,in

【javascript/css】Javascript+Css实现图片滑动浏览效果

今天用js+css来做一个能够左右滑动的图片浏览效果. 首先写一个结构,包括需要浏览的两张图,以及能够点击来滑动图片的两个按钮. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 5 <script type="text/javascrip

HTML基础(三)——css样式表

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p