C#基础笔记(第十八天)
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标签：段落标签
 :空格
h#:标题标签
<!--要注释的内容-->:注释符
<img/>:图片标签，用来显示图片。
src:表示要显示的图片的路径
height:图片的高度 px
width:图片的宽度 px
alt:当图片由于某些原因显示失败的时候所显示的文本
title:当光标移动到图片上的时候显示的文本
<hr/>:水平分割线
<br/>:换行
>:>
<:<
&:&
<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#基础笔记(第十八天)的更多相关文章
- Java基础笔记 – Annotation注解的介绍和使用 自定义注解
Java基础笔记 – Annotation注解的介绍和使用 自定义注解 本文由arthinking发表于5年前 | Java基础 | 评论数 7 | 被围观 25,969 views+ 1.Anno ...
- php代码审计基础笔记
出处: 九零SEC连接:http://forum.90sec.org/forum.php?mod=viewthread&tid=8059 --------------------------- ...
- MYSQL基础笔记（六）- 数据类型一
数据类型(列类型) 所谓数据烈性,就是对数据进行统一的分类.从系统角度出发时为了能够使用统一的方式进行管理,更好的利用有限的空间. SQL中讲数据类型分成三大类:1.数值类型,2.字符串类型和时间日期 ...
- MYSQL基础笔记（五）- 练习作业：站点统计练习
作业:站点统计 1.将用户的访问信息记录到文件中,独占一行,记录IP地址 <?php //站点统计 header('Content-type:text/html;charset=utf-8'); ...
- MYSQL基础笔记（四）-数据基本操作
数据操作 新增数据:两种方案. 1.方案一,给全表字段插入数据,不需要指定字段列表,要求数据的值出现的顺序必须与表中设计的字段出现的顺序一致.凡是非数值数据,到需要使用引号(建议使用单引号)包裹. i ...
- MYSQL基础笔记(三)-表操作基础
数据表的操作 表与字段是密不可分的. 新增数据表 Create table [if not exists] 表名( 字段名 数据类型, 字段名 数据类型, 字段n 数据类型 --最后一行不需要加逗号 ...
- MYSQL基础笔记（二）-SQL基本操作
SQL基本操作 基本操作:CRUD,增删改查 将SQL的基本操作根据操作对象进行分类: 1.库操作 2.表操作 3.数据操作 库操作: 对数据库的增删改查 新增数据库: 基本语法: Create da ...
- MYSQL基础笔记(一)
关系型数据库概念: 1.什么是关系型数据库? 关系型数据库:是一种建立在关系模型(数学模型)上的数据库 关系模型:一种所谓建立在关系上的模型. 关系模型包含三个方面: 1.数据结构:数据存储的问题,二 ...
- JavaScript基础笔记二
一.函数返回值1.什么是函数返回值 函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...
随机推荐
- CNN网络参数
卷积神经网络 LeNet-5各层参数详解 LeNet论文阅读:LeNet结构以及参数个数计算 LeNet-5共有7层,不包含输入,每层都包含可训练参数:每个层有多个Feature Map,每个 ...
- Python Web框架——Flask
简介 Flask是一个基于Python开发并且依赖jinja2模板和Werkzeug WSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收http请求并对请求进行预处理 ...
- ORA-12528问题解决
这个问题说明数据库没有Mount 最好先将系统日志一并清空,避免以下报错信息: ERROR:ORA-28056: Writing audit records to Windows Event Log ...
- Oracle安装盘空间不足，对.DBF文件进行迁移
一. select * from dba_data_files 使用该条语句可以查看当前库中有多少表空间并且DBF文件的存储位置 二. 找到对应的dbf文件,将该文件复制到你需要移动的位置 三. 开始 ...
- 为阿里云ECS服务器二级域名绑定tomcat子目录，实现一个IP多个二级域名
摘要:前几天租了阿里云ECS服务器,选择的Windows系统,并在服务器上部署了tomcat服务器,随后我又买了一个域名,可一个域名只能指向一个IP地址,包括二级域名也只能指向一个IP地址,并不能指向 ...
- C#中使用DLL相关问题
一,C#调用 C/C++ 库函数 1,UNITY的C# VS工程常常打不开 属性页,右键工程无 [添加引用]项.原因是VS的自带工具[适用于UNITY的工具]导致的. 解决办法:VS-[工具]-[选项 ...
- Layer Comps
[What is Layer Comps] Designers often create multiple compositions(comps) of a page layout to show c ...
- 127. Word Ladder (Tree, Queue; WFS)
Given two words (beginWord and endWord), and a dictionary's word list, find the length of shortest t ...
- 使用rem的原理，62.5%，根据屏幕宽度等比压缩网页
一.前言 我们在编写网页时,往往需要兼顾网页在不同屏宽情况下的显示 而有时为了省事,没时间写新的页面,也为了兼容考虑,这就需要使用等比压缩了 等比压缩的核心是rem 二.正文 (一).rem的使用 ...
- Unity5 Shader Stripping 导致 LightMap 全部丢失的解决方法
当使用 SceneManager.LoadScene 的时候,会自动载入LightMap 和 NavMesh的数据.然后再对MeshRender 进行指定 LightMapIndex 以及 Light ...