黑马程序员_html基础

                              ------- ASP.Net+Unity开发.Net培训、期待与您交流! -------

1、关于浏览器(浏览器是将服务器上返回的html格式的网页内容进行解释,并呈现成可视化页面的)

除了IE浏览器外,还有FireFox、Opera、Chrome等(遨游、世界之窗、搜狗、360等都是基于IE内核的)。VS中可以用WebBrowser控件自己开发基于IE核心的浏览器。IE浏览器是Trident引擎。现在很多非IE浏览器用的是WebKit引擎(开源),比如Chrome和Safai(苹果电脑的系统装的)等,很多双核浏览器是基于这两个引擎的。WebKit开源,现在IE也是基于WebKit核心了。

2、关于html

html就是描述网页长什么样子,有什么内容的文本。网页分为静态页面和动态页面,静态页面就是服务器上有个html页面,浏览器请求的时候就把这个html页面发给浏览器,动态页面,服务器上没有浏览者要看的页面,而是服务器动态生成html页面发给浏览器,即是后台代码开发。程序员只要能在vs中写html代码就可以了,不用考虑前台的事。

3、html页面主要框架

<html>

<head>

<title>

</title>

</head>

<body bgcolor="red">页面背景颜色(用拾色器可以拾取其他网站上的颜色)

</body>

</html>

4、html和xml的区别和联系

(1)、编写html代码应该符合xhtml规范,包括:标签有开始就要有结束,如换行标签应该写成<br/>,不要写成<br>,即不成对的标签要用斜线关闭标签。

(2)、特殊字符:(大于号,小于号,空格)

      &lt;:(less than)小于号(<)

      &gt;:(greater than)大于号(>)

      &nbsp;:(no-breakspace):空格

(3)、属性值要用双引号括起来

(4)、注释格式:<!--注释内容-->

(5)、html不把“”当成空格,因为html中经常有缩进,如果把缩进的空格在浏览器中以空格形式展现的话,排版会很麻烦。所以在html中用&nbsp;表示一个空格。

5、html标签

<br/>:回车;<p>:分段,<p>之间分开的两段文本之间有空白,而<br/>只回车,没有空白;<h1>-<h6>:标题;<font></font>:字体标签,设置文字的字体、颜色和大小;<a target=_blank>超链接,在新窗口中打开,这个标签还可以做锚点;<img>图片标签,(“/”表示根目录,“../”表示父目录,那么“../../”就表示父目录的父目录了,“./”或者不写任何斜线表示相对当前路径的目录,即当前路径开始。这些都是相对路径);

注:(1)一定要设置<img>标签的height和width属性值,这样就可以在图片还没有加载的时候就占上width和height大小的位置,防止图片未加载时候的页面错位。

(2)当浏览图片的缩略图时,不能只把原来的图片的width和height属性值改小,这样仍然会下载大图,浪费流量。应该有一个大图的小图,把大图设置为图片按钮或超链接,指向真正的小图,这样点击大图查看缩略图时,会加载小图,不会下载大图,加快图片显示速度。

<ul>

<li></li>

...

</ul> 无序列表(unordered list)

 

<ol>

<li></li>

...

</ol> 有序列表(ordered list)

<table border="2"><tr> <td></td><td></td> </tr> <tr><td></td><td></td> </tr> </table> 表格标签

表单:

<form>标签为表单标签,如果要把数据提交到服务器,则需要将<input><textarea><select>等表单元素放到<form>标签中

<form action="Register.aspx"method="post">

<input type="text" />//文本框,size属性为宽度,value为文本框的默认值,maxlength为最大长度,readonly为只读

<intput type="button"value="提交"/>//普通按钮

<input type="submit" />//点击会提交到服务器,IE下默认显示“提交查询”,设置value属性可以改变显示文本

<input type="checkbox" /> 篮球//复选框,checked属性表示是否被选中

<input type="file" /> //文件选择控件,使用file和服务器进行交互,则file控件的enctype属性必须设置为multipart/form-data。

<input type="hidden" />//隐藏字段

<input type="image" />//图片按钮,会把点击图片的位置传给服务器,src属性指定图片的地址,用来实现美化的“登录按钮”。

<input type="password" />//密码框

<input type="radio" /> //单选按钮,相同name属性的为一组,一组的radio控件之间互斥,不同name属性,即不是一组的raodio控件之间不互斥。不同的radio设定不同的value值,这样通过取指定name的值就可以知道谁被选中了,不用单独判断

<input type="reset" /> //重置按钮

</form>

select标签:

<select> 用来创建类似于WPF或WinForm中的ComboBox(下拉列表)或者ListBox(列表框),如果size属性大于1就是列表框,size的值是显示的列表项的数量,否则就是下拉列表,默认为下拉列表。设置multiple属性为multiple,则可以选择多项。

<select size="3"multiple="multiple">

<option value="-1">---请选择城市---</option>

<option value="beijing"selected="selected">北京</option>

<option value="shanghai">上海</option>

<option value="tianjin">天津</option>

</select>

a:实现默认选项  要设置某项为默认选中项,则设置此项的<option>的selected属性为selected,如上,北京这一选项被设置为默认选项

b:实现“不选择”如果想将某项设置为“不能被选择”,则设置此项<option>的value值为“-1”,然后编程判断select选中的值如果为“-1”,就认为是不选择。如上“请选择城市”选项不可选择。

c:select分组选项,可以使用optgroup对数据进行分组,分组名本身不会被选择,无论对于下拉列表还是列表框都适用。如下:

<select size="3">

<optgroup label="直辖市">

<option value="beijing"selected="selected">北京</option>

<option value="shanghai">上海</option>

<option value="tianjin">天津</option>

</optgroup>

<optgroup label="河北省">

<option value="sjz"selected="selected">石家庄</option>

<option value="bd">保定</option>

<option value="cz">沧州</option>

</optgroup>

</select>

<textarea>标签:

<textarea>标签是多行文本标签,也是表单元素,cols和rows属性表示行数和列数。

<label>标签:

<label>是文本标签,文本框<input type="text" />、多选框<input type="checkbox" />等前边可以写普通的文本来修饰,但单击修饰文本,文本框并不会获取焦点。使用<label>可以实现单击文本获取焦点。<label>标签的for属性指定要修饰的控件的id,例如:<labelfor="TextBox1">姓名:</label>。这样单击“姓名”文本,后面的文本框也会获得焦点。

和<inputtype="checkbox" id="cb1" /><labelfor="cb1">婚否</label>,点击婚否的文本,复选框就会被选中

<fieldset>标签:

<fieldset>相当于一个容器,把若干个控件框起来,起一个标题,功能同WnForm中的GroupBox控件,例如:

<fieldset>

<legend>个人信息</legend>

 姓名:<input type="text"/><br />

 年龄:<input type="text"/>

</fieldset>


                              ------- ASP.Net+Unity开发.Net培训、期待与您交流! -------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值