了解html

来源:互联网 发布:微信连接不了网络 编辑:程序博客网 时间:2024/05/17 08:56
一.
  BS:(Browser Server) 浏览器-服务器端的编程
  CS: (Client Server) 客户端-服务器端的编程 
两种架构各有有缺,具体可以百度,我注意打算学的是BS架构
二.基于浏览器需要的了解浏览器,理解 html
我们看到的浏览器由四部分组成: screen(屏幕),window(窗口),location(地址栏),history(历史记录)
整个页面的内容都是放在window里的,window部分就是有html标签来写的


   定义:Html:超文本标记语言; 这我觉得勉强算是一种语言,拥有网页的开发编写,要结合其他语言(css,js)使用才能做好网页
   理解: 1.超文本:比文本功能更加强大,超级文本!
         2.标记语言:html语言是由标签来组成的,浏览器内核解释这些标签来显示页面


我在网上查了下,html的特点如下:
1.简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2.可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3.平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4.通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。


三.html标签:  html既然是标记语言,有标签组成,我们重点要知道的就是这些标签
了解大概知道重点,这些东西是要记的,用多了就熟悉了
1.主体
<html>  <!--页面所有内容写在 内<html></html>-->
<head>   <!--头部部分,网页的窗口下面指定的内容-->
<meta charset="UTF-8">    <!--指定编码-->
<title></title>  <!--显示的网页的名称-->
</head>
<body></body> <!--页面的主题部分-->
</html>
2.重点:
1)网页常用的两种布局:div,table
<div><div />: 块,区域,给网页划分区域;
<table><table />: 绘制一个表格; <thead><tbody><tfoolt>表头,表体,表尾最好都加上,以后用js方便 
一般要设置的属性: border(边框),width,height(宽,高),bgcolor(背景颜色),background(背景图片),float(浮动); <table>一般还要用到cellspacing="单元格之间的距离" cellpadding="单元格内容与单元格的距离"
2)重点forme,表单这个我们在与服务器数据库交换的时候常用
 <form action="" method="post"> </form> : 是一个区域,和<input>连用,里面也可以放div,table之类的,用<input type="submit" value=""/>提交的时候,会把表单里的所有name属性不为空的<input name="xx" value="xx" />标签的value值和name值提交过去.除此之外表单还会提交:Select(下拉框),Textarea(文本域)的值
 i.<input>

 <input type="" name="" id="" value="" />: forme标签里一般有input,但input也经常用在表单外面,表单的属性,需要记住

ii.<select>下拉列表

<select name=""> <option value="" id="" name=""> 选项名</option>    <select />    

iii.extarea(文本域)

<textarea name="" rows="" cols=""></textarea>

  表单的属性:   name:表单数据必须的 Value:提交到后台的值 Size:文本框的长度 Maxlength:文本框能输入的最大字符数 Readonly:只读 Disabled:禁用checked(复选框) Selected(下拉框)  

3)列表标签

<ol> <li></ li> </ ol> :有序列表           <ul> <li></li> </ ul>:无序列表    <dl>  <dt> <dd></dd> </dt> </dl> :自定义列表

4)其他标签:

图片:< img src="文件路径";文字:font ; 加粗:b,string;斜体:i,em;段落:p;标题:h1,h2....h7; 换行: <br/>;水平线:<hr>转义字符: > &gt;  <&lt; &&amp;  空格 &nbsp;  &copy; ©

四.标签的属性:

所有的标签都有的属性:style,name,id;(css的一种,内部css);

大部分表标签都有的属性: width,height,align(文本位置),color(字体颜色)....

标签的属性一般写在css样式表中,下次css总结的时候再说

原创粉丝点击