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. mybatis 错误: There is no getter for property named '*' in 'class java.lang.String解决

    现象: mybatis mapper.xml 的sql里如果直接使用了想要传入的变量,比如: <select id="selectXx" resultType="i ...

  2. [think\exception\ErrorException] glob() has been disabled for security reasons

    今天同事开发 出现了这个错误 [think\exception\ErrorException] glob() has been disabled for security reasons 打开php. ...

  3. 设置GO环境变量

    linux的设置方法:有4个环境变量需要设置:GOROOT.GOPATH.GOBIN以及PATH.需要设置到某一个profile文件中(~/.bash_profile(单一用户)或/etc/profi ...

  4. _kbhit() for linux

    传送门:http://cboard.cprogramming.com/c-programming/63166-kbhit-linux.html #include <stdio.h> #in ...

  5. sql中纵表变横表

    纵表格式如图所示: 查询sql语句如下: ),content)content,Date from SummerChina ' 变成横表如图所示: 纵表变横表sql语句如下: select Time, ...

  6. 新手C#属性set,get的学习(部分转)2018.08.06

    public class person { public string name; } public class person { public string Name { set; get; } } ...

  7. Halcon阈值化算子dual_threshold和var_threshold的理解

    Halcon中阈值二值化的算子众多,通常用得最多的有threshold.binary_threshold.dyn_threshold等. threshold是最简单的阈值分割算子,理解最为简单:bin ...

  8. NOSQL之Redis、MongDB、Habase、Cassandra的介绍与比较

    一.Redis介绍     1.1Redis优点 (1)Redis拥有非常丰富的数据结构: (2)Redis提供事务的功能,可以保证一串命令的原子性,中间不会被任何打断. (3)数据存储在内存中,读写 ...

  9. Linux中bash编程

    bash编程也叫shell编程 预定义变量         $? 最后一次执行的命令的返回状态.如果这个变量的值为0,证明上一个命令正确的执行:如果这个变量返回的值非0(具体是那个数,有命令自己来决定 ...

  10. Android 4.0关于开机启动服务

    针对使用App应用管理强制停止的App,重启系统后不能收到开机启动, 需要运行一次后,在下次再启动时,才可以正确收到.