HTML---孙鑫

HTML定义

HTML超文本标记语言

web页面:html作为编写该文档的标记语言

HTML元素和标签

结构和格式由HTML元素来完成,该元素是由单个或一对标签定义的包含范围。

<>:标签

开始标签:没有/,包括一串允许的属性-值对。

结束标签:以一个斜杠/开头的标签

四种形式

空元素

<br>

带有属性的空元素

<hr color ="blue">

带有内容的元素

<title>http://www.sunxin.org</title>

带有内容和属性的元素

<font color="red">http://www.sunxin.org</font>

提示:1、不按照HTML框架格式浏览器也会正确解析

2、标签属性是可选的

3、属性可以加双引号也可以不加

4、标签和属性名字的大小写无关

5、如果存在多个空白字符(空格,制表符,回车,换行)浏览器显示时将只解析为一个空格字符

与段落标签控制相关的标签

<p align="#">

表示paragraph,作用:创建一个段,属性align表示段的对齐方式,#可以是left、center、right、justify

<br>

Line break  作用:换行

<hr color= clr>

表示horizontal rule 作用:插入一条水平线,属性color用来制定线的颜色:clr可以是与定义的颜色名字:                  red,blue,green,black 等,也可以是以16进制表示的颜色值clr=#rrggbb

提示:

RGB三原色 其中各个成分采用两位的十六进制数来表示00至ff表示每种颜色成分的强弱程度,一个较小的值,         表示一种较暗的rgb成分;反之一样,一种颜色用6位十六进制数来表示000000 :黑色    ffffff:白色    ff0000:红色

与文本显示相关的标签

<center></center> 使文本居中显示

<hn align =#>  </hn>

用于指出文档的标题,n是从1到6的整数,1表示最大标题,6表示最小标题,align用于设定标题对其方式,#可         以是left center  right

<font size=n color=clr>   </font>

设置文字大小,n可以是1到7的整数,color表示颜色

<b> </b>粗体

<i></i> 斜体

输入特殊字符

用引用的方式输入:

字符引用 : 都是以&开始并以;结束。字符引用要在&之后加上#号,之后是所需字符的十进制代码或十六进制代码

实体引用:在&之后写上字符的助记符,实体引用区分大小写。

HTML注释

<!--注释信息-->  在注释的内容中不要加入在字符串中添加“-->”

列表

列表--建立数字编号的列表

使用<ol>和<li>标签创建带数字编号的列表

在<ol>标签中使用start属性,,设置起始的序号

在<li>标签中使用value属性,改变列表内的编号

列表-指定编号的格式和顺序

在<ol>和<li>标签中,使用type属性指定编号系统的类型

列表--建立带有项目符号的列表

<ul>和<li>创建

其type属性指定符号的样式 disc--显示为实心的圆圈

Square--显示为实心的方块

Circle--显示为空心的圆圈

列表---无符号的列表

<dl><dt>标签创建无符号的列表

<dd>标签替换<dt>创建缩进的列表

Ctrl+r替换

选定区文字

列表--建立术语列表

同时使用<dt><dd>建立术语列表 分为两部分:术语和它的说明<dt>表示术语

<dd>指定说明

表格

定义表格

<table></table>定义表格

Border 定义边框的宽度,默认为0没有边框

align用户对其方式,left center right

bgcolor背景色。

<caption>定义标题

<tr></tr> 添加行  valign指定行在垂直方向上对齐

<th></th> 定义表头

<td></td>定义单元格

表单

表单创建

基本语法如下

<form method="get or post " action ="URL">

</form>

Method 用于指定向服务器发送表单数据时所使用的http方法,可以是get或post中一种,get是缺省的方法,所提交的数据被附加到URL的末端,作为URL的一部分发送到服务器端,

<Input> 元素

用于接受用户输入的信息。

是一个带有属性的空元素,用来创建表单中的控件,其语法是

<input type="" name="" size="" value="">

属性type用来指定要创建的空间的类型,name控件的名称,处理表单的服务器段脚本可以获得以名称-值对所表示的表单数据,利用名称,可以取出对应的值,name属性在表单中并不显示,size用来指定表单空间的初始宽度,属性value指定控件的初始值。

单行文本输入控件(type="text"),提交按钮(submit),重置按钮(reset),口令输入控件(password),单选按钮(radio),复选框(checkbox),隐藏控件(hidden)。

列表框

<select>创建  
<option>列表框中的各个选项用<option>元素提供

多文本输入控件

创建多行文本输入控件的语法为

<textarea name ="name" rows ="number of rows" cols="number of columns">...</textarea>

超链接

是HTML与普通文本不同的地方在于有超链接的功能。超链接正常工作,需要有一种方法定位Internet上的资源,这是通过URL来实现的,URL全称Uniform
Resource Locator,统一资源定位符。

由三部分组成:协议,主机名称,文件目录和文件名。

建立一个链接的语法如下:<a href ="URL">...</a>.属性href用于指定链接的目标,目标地址由URL来指定。<a>..</a>之间输入的文本将作为浏览器中显示的链接文本。

嵌入图像

嵌入图像语法如下:<img src="URL"
width =n heigt = n> 其中src指定图像资源的位置

学习感受:

初次接触HTML是在牛腩新闻发布系统中,以上关于HTML的元素应用都在新闻发布系统中应用,在孙鑫的2个小时的视频里再次专门的学习了HTML,这是以后学习B/S的基础。其中的元素语法只有多用才会设计出美观的web前端。在以后的生活中多留意设计比较成熟的网页,汲取所需,再在巨人的肩膀上。

时间: 2024-11-19 16:56:24

HTML---孙鑫的相关文章

孙鑫VC++视频教程笔记

写在前面的话:在学习孙鑫老师的VC++视频时,为了加深自己对知识的深入理解,就做了下面的笔记. 第一讲: 第二讲: 第三讲: 第四讲: 第五讲: 第六讲: 第七讲: 第八讲: 第九讲: 第十讲: 第十一讲: 第十二讲: 第十三讲: 第十四讲: 第十五讲: 第十六讲: 第十七讲: 第十八讲: 第十九讲:动态链接库 第二十讲: 孙鑫VC++视频教程笔记,布布扣,bubuko.com

多线程简易售票程序--孙鑫视频示例

孙鑫视频多线程的第一个例子----简易的售票程序 #include <Windows.h> #include <iostream> int ticket = 100; //定义互斥对象 /* 互斥对象属于内核对象,它能够准确保证线程拥有对单个资源的互斥访问 互斥对象包含一个使用数量 线程ID 计数器 ID用于标识系统中哪个线程当前拥有互斥对象,计数器用于指明该线程拥有互斥对象的次数 */ HANDLE hMutex; DWORD WINAPI FunProc_1(LPVOID lp

孙鑫VC学习笔记:多线程编程

SkySeraph Dec 11st 2010  HQU Email:[email protected]    QQ:452728574 Latest Modified Date:Dec.11st 2010 HQU ================================================================================= 程序&进程&线程 ================================================

孙鑫视频VC++深入详解学习笔记

Lesson1: Windows程序运行原理及程序编写流程 Lesson2: 掌握C++基本语法 Lesson3: MFC框架程序剖析 Lesson4: 简单绘图 Lesson5: 文本编程 Lesson6: 菜单编程 Lesson7: 对话框编程 Lesson9: 定制应用程序的外观 Lesson10: 绘图控制 Lesson11 图形的保存和重绘 Lesson12 文件操作 Lesson 13: 文档串行化 Lesson14 网络编程 Lesson 15 多线程 Lesson 16 线程同步

孙鑫视频改变窗口过程函数中出现error C2440错误的解决方法

在Visual Studio 2010中,即使代码是完完全全按照孙鑫视频中的敲,也会在出现error C2440,这是因为开发平台由VC6.0升级至VS2010,需要将原有的项目迁移.VS2010对消息的检查更为严格,以前在VC6.0下完全正常运行的消息映射在VS2010下编译不通过. 百度了解决方法如下(亲测可用): 例如:TestDlg.cpp中ON_REGISTERED_MESSAGE(WM_INITDIALOG, &CTestDlg::OnInitDialog):第一:把原来的消息函数返

孙鑫视频VC++深入详解学习笔记(全)

Lesson1: Windows程序运行原理及程序编写流程 窗口产生过程,句柄原理,消息队列,回调函数,窗口关闭与应用程序退出的工作关系,使用VC++的若干小技巧,stdcall与Lessonecl调用规范的比较,初学者常犯错误及注意事项. 1.       Windows API与Win32 SDK 操作系统提供了各种方便开发Windows应用程序的编程接口,所的函数都在Windows.h头文件中声明.Win32 SDK(Software Development Kit): 即Windows

孙鑫MFC学习笔记1:Win32程序运行原理

1.MSG结构 hwnd:窗口句柄 message:消息类型 wParam & lParam:消息的附加信息(比如键值) time:消息被投递的时间 tip:typedef的作用是从变量类型区分变量用途 2.WinMain 3.程序开发步骤 4.设计窗口类 5.创建窗口.显示窗口.更新窗口 6.回调函数 tip:BeginPaint.EndPaint只能在响应WM_PAINT消息中使用,而GetDC不能在这里使用 tip:if语句中如果是常量与变量比较是否相等,应该把常量写在左边(可以避免把==

孙鑫MFC学习笔记1.Windows应用程序运行机理

留下一幅"别有洞天"的墨宝只是不知是驿馆太过珍视的缘故还是那四个字太过"铁画 舛蚂迤筢 城门校尉睁大眼睛认清了世子殿下尊容忙不迭吆喝开启城门生怕惹恼了这位北凉混世魔 赵衡对此洒然一笑端坐在一张由沉星紫檀拼凑而成的太师椅上客栈装饰再华贵也拿不 迮仅遢妁 啶私つ娉 ハ岸觎 柘粳葚津 廛什店芝 锺弑囚黹 范长后双手握拳搁在膝盖上隐约有些怒气"这也就罢了十大罪中竟还有私通边军一事 匣纷シ拧 铨匾强蜗 戮袂番烀 到一年左祭酒桓温一时间就成了众望所归的大佬.尚书省直厅中除了中

几种画直线的方法-孙鑫C++笔记

// HDC画直线 CPoint m_ptOrigin ; void CDrawView::OnLButtonDown(UINT nFlags, CPoint point) { m_ptOrigin = point; CView::OnLButtonDown(nFlags, point); } void CDrawView::OnLButtonUp(UINT nFlags, CPoint point) { HDC hdc; hdc = ::GetDC(m_hWnd); MoveToEx(hdc,

孙鑫vc笔记——多线程编程

1.进程是一个正在运行程序的实例,它从不执行任何东西,只是线程的容器.若要使进程完成某项操作,它必须拥有一个在它的环境中运行的线程,此线程负责执行包含在进程地址空间中的代码. 2.当创建一个进程时,操作系统会自动创建这个进程的第一个线程,即主线程,即执行main函数或winMain函数的线程,main函数或winMain函数是主线程的进入点函数,此后,该线程可以创建其他的线程. 3.系统赋予每个进程独立的虚拟地址空间,对于32位进程来说,这个地址空间2的32次幂即4GB. 4.每个进程有它的私有