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. 解决Linux下MySQL登录ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using passwor)问题

    两种方案: 一: 1.修改mysql配置文件:vim /etc/my.cnf 2.找到[mysqld]下添加 skip-grant-tables 配置 3.重启服务service mysqld res ...

  2. php时间轴函数，很不错，记下了

    function TranTime($time) { //$time = strtotime($time); $nowTime = time (); $message = ''; if(empty($ ...

  3. js解决弹窗问题实现班级跳转DIV示例

    js解决弹窗问题实现班级跳转DIV 1.js代码如下: <%--实现班级跳转DIV--%>  <div id="displayClassDiv" style=&q ...

  4. 你真的了解lambda吗？一文让你明白lambda用法与源码分析

    本文作者: cmlanche 本文链接: http://www.cmlanche.com/2018/07/22/lambda用法与源码分析/ 转载来源:cmlanche.com 用法 示例:最普遍的一 ...

  5. redis客户端执行命令没反应

    问题:redis-cli连接客户端后,执行命令没有反应   解决方法:通过指定一个开启守护进程的配置文件来启动服务,redis-server ../redis.conf 说明:redis.conf是我 ...

  6. overloading与overriding的区别

    overloading: “重载”,参数和返回值可改变. overriding: “覆盖”,重写父类的虚函数,参数和返回值必须与父类相同. 重写Overriding是父类与子类之间多态性的一种表现,重 ...

  7. redis的订阅和发布

    #订阅和发布有什么用呢?# 特点# 1.实现一个一对多的效果,只有一个发布者,多个订阅者# 2.实时的发布消息,广播方发布消息,所有的订阅者都会受到消息,一个人同时只能接受#一个频道 1.先写一个公共 ...

  8. 解题报告-1012. Numbers With Repeated Digits

    Given a positive integer N, return the number of positive integers less than or equal to N that have ...

  9. 在 Ruby 中执行 Shell 命令的 6 种方法

    我们时常会与操作系统交互或在 Ruby 中执行 Shell 命令.Ruby为我们提供了完成该任务的诸多方法. Exec Kernel#exec 通过执行给定的命令来替换当前进程,例如: $ irb & ...

  10. cmake 强制链接静态库

    add_executable(main main.cpp) target_link_libraries(main ${CMAKE_SOURCE_DIR}/libbingitup.a) 静态库和动态库共 ...