1、HTML
Hyper Text Markup Language 超文本标记语言
在HTML当中存在着大量的标签，我们用HTML提供的标签，将要显示在网页中的内容包含起来。
就构成了我们的网页。

CSS：控制网页内容显示的效果

HTML+CSS=静态网页。只有展示功能
JS+Jquery=动态

内容由HTML决定，长成什么样由CSS决定

2、开始动手写HTML页面
1)、首先在桌面上随便的建一个文件。
2)、将创建的文件的名称改为.htm/.html
3)、开始写基本的框架标签
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

3、HTML标签
p标签：段落标签
&nbsp:空格
h#:标题标签
<!--要注释的内容-->:注释符
<img/>:图片标签，用来显示图片。
src:表示要显示的图片的路径
height:图片的高度 px
width:图片的宽度 px
alt:当图片由于某些原因显示失败的时候所显示的文本
title:当光标移动到图片上的时候显示的文本
<hr/>:水平分割线
<br/>:换行
&gt:>
&lt:<
&amp:&
<font></font>:字体标签 size=1~7 7最大 color=颜色 face=字体系列
<b></b>加粗
<i></i>意大利斜体
<tt></tt>打印机的字体
<u></u>下划线
<s></s>删除线
<sup></sup>上标 勾股定理
<sub></sub>下标
<code></code>代码
<pre></pre>编辑什么格式，打印还是什么 格式
<marquee></marquee>图片默认从右往左移
<marquee direction="right" behavior=（） "slide">从左向右移 移动到边界停下 很少用了，很多浏览器不兼容
a标签:超链接 href表示要连接到的地址 target:打开新网页的方式 _blank表示打开一个新网页进行跳转。_self表示在当前页面进行跳转
实现页面内部的跳转
<a name="底端" href="#顶端">回到顶端</a>
实现页面间的跳转
<a href="3.html#碗里来">快到碗里去</a>
发送邮件，启动默认邮件客户端
<a href="mailto:125944832@qq.com">发送邮件到125944832</a>

4、body当中的属性
text 文本的颜色
link 超链接的颜色
alink 点击时超链接的颜色
vlink 点击后超链接的颜色
bgcolor 背景的颜色
background 背景替换成图片

5、列表
<ul></ul>无序列表 圆点
<li></li>列表
type="disk" 实心圆点
<ol></ol>有序列表 数字
type="a"从a开始排列
<dl></dl>自定义列表
<dt></dt>标题
<dd></dd>内容
<th></th>表示表格的标题(加粗)
<td>中的属性
align valign bgcolor width height colspan rowspan
<dl>
<dt>面向对象</dt>
<dd>封装</dd>
<dd>继承</dd>
<dd>多态</dd>
<dt>C#循环</dt>
<dd>for循环</dd>
<dd>foreach循环</dd>
<dd>while循环</dd>
<dd>do-while循环</dd>
</dl>

6、表格
语法
<table border="1">
<tr>
<td>单元格内容</td>
</tr>
<tr>
....
</table>
<tr></tr>表示一行
<td></td>表示单元格内容

cellspacing="0px" 每个单元格的边框于外面的边框的距离
cellpadding="0px" 单元格内的内容与单元格边框的距离

跨行跨列的表格
colspan="2" 跨列 跨2列
<table border="1" cellspacing="0px" cellpadding="0px">
<tr>
<td colspan="2">学生成绩</td>
</tr>
<tr>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>99</td>
</tr>
</table>

rowspn="2" 跨行 跨2行
<table border="1" cellspacing="0px" cellpadding="0px" height="200px" width="280px">
<tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>98</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td rowspan="2">李四</td>
<td>语文</td>
<td>88</td>
</tr>
<tr>
<td>数学</td>
<td>91</td>
</tr>
</table>

7、表单
<form>表单
属性 action 表示要把里面的数据提交到服务器的路径
method 表示要提交这些数据的形式
get 默认，以url提交，就是以地址栏的方式提交
<form action="www.baidu.com" method="get"> </form>
<input/>
属性
type 类型
type="text"文本框
type="password"密码
type="submit"提交 提交名改 value="提交数据"
type="reset" 重置 value="清空"
name="txtName" name="txtPwd" 需要给文本框和密码框赋值name、否则不能跳转显示在地址栏上
type="radio" 单选 name="sex" name="married" 可以给他们分组
type="file" 打开文件
<fieldset> 字段集
<legend>性别</legend> fieldset 元素的其余内容的标题
</fieldset>

<select> 下拉列表
size="2" 下拉列表默认显示2个
<optgroup label="河北省"></optgroup>选项组
<option></option>选项
</select>

<textarea></textarea> 文本框
cols 和rows属性来规定textarea的尺寸
cols规定文本区的可见宽度
rows规定文本区的可见行数

<form action="http://www.baidu.com" method="get">
用户名:<input type="text" name="txtName"/><br/>
密码:<input type="password" name="txtPwd"/><br/>
<input type="submit" value="提交到百度"/>
<input type="reset" value="清空"/><br/>
<fieldset>
<legend>性别</legend>
<input type="radio" name="sex"/>男<br/>
<input type="radio" name="sex"/>女<br/>
</fieldset>
<fieldset>
<legend>婚姻状况</legend>
<input type="radio" name="married"/>已婚<br/>
<input type="radio" name="married"/>未婚<br/>
</fieldset>
<select size="1">
<optgroup label="河北省">
<option>石家庄</option>
<option>沧州</option>
<option>保定</option>
<option>廊坊</option>
</optgroup>
<optgroup label="河南省">
<option>郑州</option>
<option>驻马店</option>
<option>洛阳</option>
<option>新乡</option>
</optgroup>
<optgroup label="湖北省">
<option>武汉</opt ion>
<option>黄冈</option>
<option>黄石</option>
<option>十堰</option>
</optgroup>
<optgroup label="湖南省">
<option>长沙</option>
<option>岳阳</option>
<option>衡阳</option>
<option>益阳</option>
</optgroup>
</select><br/>
<input type="file"/><br/>
<textarea cols="100" rows="30">
合同内容
</textarea>
</form>

8、Div+Span
能够熟练掌握css+div布局
<div>层级元素，这一行只允许我的存在，不允许其他元素存在 布局
<span>不是独占一行的标签，一般用来设置字体 样式
承载页面不能用<body>标签，要用<frameset>
noresize 不移动边框位置

C#基础笔记(第十八天)的更多相关文章

  1. Java基础笔记 – Annotation注解的介绍和使用 自定义注解

    Java基础笔记 – Annotation注解的介绍和使用 自定义注解 本文由arthinking发表于5年前 | Java基础 | 评论数 7 |  被围观 25,969 views+ 1.Anno ...

  2. php代码审计基础笔记

    出处: 九零SEC连接:http://forum.90sec.org/forum.php?mod=viewthread&tid=8059 --------------------------- ...

  3. MYSQL基础笔记（六）- 数据类型一

    数据类型(列类型) 所谓数据烈性,就是对数据进行统一的分类.从系统角度出发时为了能够使用统一的方式进行管理,更好的利用有限的空间. SQL中讲数据类型分成三大类:1.数值类型,2.字符串类型和时间日期 ...

  4. MYSQL基础笔记（五）- 练习作业：站点统计练习

    作业:站点统计 1.将用户的访问信息记录到文件中,独占一行,记录IP地址 <?php //站点统计 header('Content-type:text/html;charset=utf-8'); ...

  5. MYSQL基础笔记（四）-数据基本操作

    数据操作 新增数据:两种方案. 1.方案一,给全表字段插入数据,不需要指定字段列表,要求数据的值出现的顺序必须与表中设计的字段出现的顺序一致.凡是非数值数据,到需要使用引号(建议使用单引号)包裹. i ...

  6. MYSQL基础笔记(三)-表操作基础

    数据表的操作 表与字段是密不可分的. 新增数据表 Create table [if not exists] 表名( 字段名 数据类型, 字段名 数据类型, 字段n 数据类型 --最后一行不需要加逗号 ...

  7. MYSQL基础笔记（二）-SQL基本操作

    SQL基本操作 基本操作:CRUD,增删改查 将SQL的基本操作根据操作对象进行分类: 1.库操作 2.表操作 3.数据操作 库操作: 对数据库的增删改查 新增数据库: 基本语法: Create da ...

  8. MYSQL基础笔记(一)

    关系型数据库概念: 1.什么是关系型数据库? 关系型数据库:是一种建立在关系模型(数学模型)上的数据库 关系模型:一种所谓建立在关系上的模型. 关系模型包含三个方面: 1.数据结构:数据存储的问题,二 ...

  9. JavaScript基础笔记二

    一.函数返回值1.什么是函数返回值    函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...

随机推荐

  1. Hyberledger-Fabric 1.00 RPC学习（1）

    参考:http://hyperledger-fabric.readthedocs.io/en/latest/write_first_app.html 本文的目的就是基于Hyperledger Fabr ...

  2. Rhythmk 学习 Hibernate 08 - Hibernate annotation 关联关系注解

    1.一对一 (One to One)    共三种情况:     1.1 主键共享    1.2 外键共享 1.3 中间表关联 1.1  code: @Entity public class arti ...

  3. matplotlib —— 添加文本信息（text）

    [详细]http://hyry.dip.jp/tech/book/page/scipy/matplotlib_fast_plot.html http://blog.csdn.net/lanchunhu ...

  4. Python与Go快速排序

    #!/usr/bin/env python # -*- coding: utf-8 -*- # 快速排序 # 时间复杂度 O(n lgn)-- O(n^2) def quick_sort(array) ...

  5. 2017面向对象程序设计（Java）第六周学习总结

    转眼间,2017年的法定节日已经休完,我们的java学习也已经进行了六周.下面,我将对上个礼拜的学习情况进行总结. 首先,是学习态度问题.虽然同学们已经从家或者各个旅游景点回来,但是心还是没回来.有同 ...

  6. acer笔记本禁用或关闭触摸板

    acer笔记本禁用或关闭触摸板 如果启用或停用AspireOne的触摸板? 如果您希望启用或停用触摸板,请同时按下功能键(Fn)key和F7键.屏幕上会显示触摸板是否已启用或已禁用.

  7. Redhat 启动mysql失败及重置密码

    cd usr/local/mysql/mysql5.6/bin [root@iZ2ze6yx6b47rdx0vccs5iZ bin]# service mysql-libs-5.1.73-8.el6_ ...

  8. 使用C#进行基于PI的开发

    首先欲基于PI-SDK开发PI数据库,必须先安装PI-SDK,然后再VS中新建了一个aspnet网站,添加引用:PI-SDK 1.2 Type Library 和 PISDKCommon 1.2 Ty ...

  9. openpose

    编译libpthread.so pthread2 ihash

  10. [Selenium]点击下拉框之后，从下拉列表选择元素进行点击很容易失败

    点击下拉框之后,下拉列表会显示出来,但是有时候下拉列表会很快就消失掉,导致后面选择元素的时候会失败. 像这种情况,需要将鼠标移动到下拉列表上,使下拉列表维持显示,然后才选择元素进行点击. 将鼠标移动到 ...