周帆
今天重新复习了下HTML和CSS的代码以及项目,自己整理了下笔记 贴出来给大家分享下,求大神指点
笔记内容:
html:
超文本标记语言
超文本:超越了一般文本,描述文本字体,颜色,图片
标签:标记
html书写规范:
文件后缀名为.html或者.htm
标签必须用<>引起来,已经定义好的标签
属性:key="value" 建议属性的值用引号引起来
不区分大小写
注意:我们最好将所有内容放在一个标签汇总<html></html>
有开始标签和结束标签的标签为围堵标签
没有结束标签的称之为空标签<br/>
开始标签和结束标签之间的内容称为标签体
<!---->注释标签
标签必须正常嵌套
标签最好关闭
文件标签
html
常见子标签
head
body
标题标签 :
<hn></hn>取值1-6
自动换行 且留白 默认加粗
align :对齐方式
left:左
right:右
center:居中
格式:<h2 align="left"><h2>
字体标签:font
<font></font>
常见属性:
face:字体标签
size:尺寸
color: 颜色
颜色的取值(RBG)
方式1:#xxxxxx x为16进制数
方式2: 英文单词
段落标签
<p></p>
其他标签
<b></b> <strong></strong>:加粗
<i></i>:斜体
水平线标签
<hr/>
换行标签:
<br/>
////////////////////////////////////////
图片标签:
<img/>
常用属性
src:图片的路径
alt:替代问题 图片展示不出来的时候
title:移上去显示的文字
width:宽
height:高
大小的写法:
像素 : 230px;
百分比: 20%
/////////////////////////////////////////
列表标签
<ul></ul>无序的
<ol></ol>有序的
常用的子标签:
<li></li>列表项
超链接
<a></a>
常用属性:
href:跳转路径
target:在哪儿打开
默认值是_self _blank(在空白页面打开)
///////////////////////////////////////////////////////
表格标签:★
<table></table>
常用子标签
<tr></tr>行
常用字标签
<td></td>列 单元格
<th></th>表头单元格
table的常用属性
border:边框 传入像素值
width:宽
height高
align:对齐方式
bgcolor:背景色
tr的常用属性
align:行中内容对齐
td的常用属性:
align:单元格内容对齐
colspan:跨列合并 : 合并的列数
rowspan:跨行合并 : 合并的行数
/////////////////////////////////////////////////////////////
表单标签★★★★★★★★★★★★★★★★★
常用属性:
action:将信息提交的路径 默认是当前页面
method:表单提交方式
只用俩:post/get 默认get
<form></form>
作用:
从游览器端收集用户的信息.
常见子标签:
input:输入框
type属性值:
text:文本框
paddword:密码框
radio:单选按钮
checkbox:复选按钮
file:文件框
submit:提交按钮
reset:重置按钮
button:普通按钮
hidden:隐藏内容
image:图片提交按钮
select:下拉选
子元素 <option value="提交的内容">展示的内容</option>
属性
textarea:文本域
file:文件框
//这几个需要写在input的type属性 将这几个东西作为属性值传入
submit:提交按钮
reset :充值按钮
button:普通按钮
hidden:隐藏的 在页面上不显示 但是提交的时候会提交过去
image :图片提交 替代submit
属性:
name属性:
可以将几个单选框(复选框)整合成一个组 但是name属性值要统一
要想将信息保存到服务器,必须要有name属性
readonly:表示只能读 只读
disabled:禁用的
///////////////////////////////////////////////////////////////
框架标签
<frameset></frameset>标签:框架集标签
<rrame></frame>标签:框架标签
frameset:框架集(了解即可)
常用的属性:
cols:垂直切割(你懂什么意思撒)
例如:cols = "40%,*"这表示左边占整体的百分之40 其余的给右边
cols = "40%,*,30%"表示把整体分成三块,左中右各占对应的大小
常见子标签:
frame
注意:
最好和body不要共存 有框架不要body
frame:具体的实现
常用属性:
src:展示的页面的地址(url)
///////////////////////////////////////////////////////////////
补充:
转义字符:
三部分构成的 & 实体 ;
掌握的转义字符:
> >//great then
< <
& &
空格
///////////////////////////
meta
元信息
<meta charset = "UTF-8">指定游览器用什么编码集打开
//////////////////////////////
总结结束
|
|
收藏
淘帖
踩
