HTML基础总结

*HTML-超文本标记语言 CSS-层叠样式表 DIV-块级元素*
1.任何空格或回车在代码中都无效,插入空格或回车有专用的标记,分别是&nbsp;、<br/>。需要格外注意的是:一个&nbsp表示的是一个半角空格,两个才表示一个完整意义上的空格!
2.<meta http-equiv="content-type" content="text/html; charset=UTF-8">
3.注释语句:<! - -    注释内容    - ->
4.预格式化标记<pre></pre>:所谓预格式化是指源代码执行后的效果与源代码中预先设置好的效果几乎完全一样
5.段落之间是隔行换行的,文字的行间距比较大,当希望换行后文字比较紧凑显示时,可以使用标记<br>来实现。
6.<title>标记:设置页面标题
  <meta>标记:定义网页的字符集丶关键字丶描述信息等内容
  <style>标记:设置css层样式表的内容
  <script>标记:设置页面脚本或外部脚本文件
  <link>标记:设置对外部css文件的链接
  <body>属性bgcolor:设置网页背景颜色
  <body>属性background:添加网页背景图片
  <body>属性link:文字链接
  <body>属性margin:设置页面内容与浏览器的边距
  <body>属性text:设置网页正文颜色
  <font>标记:字体相关属性的设置
  <font>属性face:设置字体名称
  <font>属性size:设置字体大小
  <font>属性color:设置字体颜色
  <b>标记:加粗
  <i>标记:斜体
  <sup>标记:上标
  <sub>标记:下标
  <big>标记:大号字
  <small>标记:小号字
  <u>标记:下划线
  <s>标记:删除线
  <hn>标记:标题字设置,以某几种固定的字号去显示文字
  <p>标记:段落标记
  *<br/>标记:换行标记
  <pre>标记:预格式化标记
  <center>标记:居中标记
  <blockquote>:缩排标记
  *<hr>:水平线标记
  <hr>属性width:设置水平线相对浏览器长度所占的百分比
  <hr>属性size:设置水平线的高度
  <hr>属性color:设置水平线的颜色
  <hr>属性align:设置水平线相对浏览器的对齐方式
  <hr>属性noshade:设置不带阴影效果
7.特殊文字输入:&实体名称
8.网页中如何画一个表格:
*表格中所有<tr>标记对必须放到<table>标记对之间,一个<table>标记可以包含一个或多个<tr>,而<td>标记对需要放到<tr>标记对之间,一个<tr>标记对可以包含一个或多个<td>标记对。

*所有需要在表格中显示的内容包括嵌套表格都放到单元格<td>标记对之间。

  <table>:设置表格必须包括四个属性设置-align丶border(值至少为1边框才可以显示)丶width和heigh
  <caption>:设置表格标题
  <tr>:设置行必须设置属性align = “center”
  <th>:设置表头
  <td>:设置列
  <td  rowspan=“”>:纵向单元格合并
  <td  colspan=“”>:横向单元格合并
9.什么是utf-8:
  使用此编码,可以使浏览器识别并显示中文。(设定页面使用的字符集(即编码),用以说明页面制作所使用的文字语言,浏览器会据此调用响应的字符集显示页面内容。此编码仅用于浏览器显示中文!不同编码翻译不同的语言!)
10.<font>标记的字体:字号越大,字体越大,取值范围1-7!<hn>标记的字体:字号越大,字体越小,取值范围1-6!
11.用<hn>标题字默认左对齐,而用<center>标记的对象在整个浏览器窗口水平方向上居中对齐!
12.段落标记<p>:但标记创建的段落会跟上文产生一空行的间隔;而双标记创建的段落则与上下文同时有一空行的间隔。
13.注意:连续使用两个换行标记<br/>等效一个<p>单标记。
14.心得:给网页背景插一张图片的时候,使用<body>标记的backgroud属性加载的图片有重合部分,只有使用<img>标记插入的图片可以吻合,而且也可以调整图片大小。另外一种方法就是使用css样式的backgroud-img属性来设置。
15.列表标记的基本使用:例如有序列表:<ol type = “列表项的前导符” start = “起始编号位序”>
16.设置超链接在新的窗口中打开:<a href = "目标端点" target = "_blank">源端点</a>
17.创建书签链接的步骤:(1)创建书签:<a name = "书签名">文字/图片</a>(2)创建书签链接:<a href = "书签名">源端点</a>
18.下载word文档链接:<a href = "text.doc">word文档下载</a>
19.cellpadding:设置表格的边距,格子内容;cellspacing:设置表格的间距,格子与各自之间的距离!
20.border-边界!margin-页边的空白!align-排列!submit-提交!solid-实线!
21.表格<table>的相关属性:
 border:边框宽度
 bordercolor:边框颜色
 width:表格宽度
 height:表格高度
 align:对齐方式
 bgcolor:背景颜色
 background:背景图片
 cellpadding:表格边距
 cellspacing:表格间距
 <caption>:表格标题
 <tr>:行,包含上述所有属性
 <td>:列:包含上述所有属性
 <th>:表头,默认居中加粗
22.默认情况下创建的表格是没有边框的,使用表格的border属性可以设置边框的粗细!
23.默认情况下,创建的表格的背景颜色是白色的,使用bgcolor属性可以设置表格为其他背景颜色!
24.插入图片:<img src = "图片文件的路径">,另外需要注意的是,使用width和height属性可以修改图片原始大小!
25.可以设置图片相对于后面对象的位置:align(看书例题领会用法!!!)
26.滚动特效的相关属性:
 direction = “left”:设置滚动方向从又向左
 behavior:设置滚动行为
 scrollamount:设置滚动速度
 scrolldelay:滚动延迟
 loop:循环次数
 width:滚动区域宽度
 height:滚动区域高度
 bgcolor:滚动区域颜色
 hspace和vspace:滚动区域与周围对象的间距
27.插入音视频:<embed src = "url" width = "" height = "" loop = "" hidden = "">
28.插入背景音乐:<bgsound src = "url" loop = "-1">
29.表单标记:<form name = "表单名称" method = "提交方法" action = "处理程序" >
30.method的两种属性get:表单发送内容直接显示在url中,安全性差;post:安全性高
31.输入标记<input type = "元素类型" name = "表单元素名称" size = "输入框长度" value = "默认值">
32.表单输入标记input的类型type的所有值:
 text:文本输入
 password:密码框
 hidden:隐藏域
 file:文件域,主要用作浏览并上传本地图片或者文件
 radio:单选按钮
 checkbox:复选框
 submit:提交按钮
 button:普通按钮
 reset:重置按钮
 image:图像按钮
 select:选择列表标记
 textarea:文本域标记
33.表单输入标记input的type和name属性必须设置!
34.当使用文件域标记file将本地文件上传至服务器时候,还必须修改表单的编码,这需要使用<form>标记到的enctype属性,应将该属性的值设置为:multipart/form-data,同时表单的提交方法必须为post!
35.对于单选按钮radio:属于同一组的单选框的name属性必须设置为相同的值;对于复选框checkbox:同一组的复选框的name属性值可以设置为相同之,也可以设置为不相同值。
36.普通按钮button:<input type = "button" value = "按钮显示文本" onclick = "javascript脚本函数名" name = "按钮名称">
37.文本域标记:<textarea name = "文本域名称" rows = "行数" cols = "字符数">
 
 
 
 
 
 
 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值