HTML基础和CSS基础

HTML的总体结构

文件类型 <HTML></HTML>(放在档案的开头与结尾)

三个文档级元素:

文件主题<TITLE></TITLE>(必须放在「文头」区块内)

文头<HEAD></HEAD> (描述性资料,像是「主题」)

文体 <BODY></BODY> (文件本体)。

一、添加HTML文档正文:

1,标题可以用<h1--h6>表示;

2,<p>标签可以定义一个段落;

3,<blockquote>定义引用文本;

4,定义序列ol有序列表,ul无序列表,di自定义

5,定义预编译文本<pre>

6,定义分区块文本<div>

7,跨越多个字符<span>

8,特殊字符&nbsp(空格),&lt(左<括号或者小于),&gt(右>括号或大于),

&copy(版权符号c),&reg(已注册符号R),&amp(and符号&),&#151,(长破折号)。

9,<a>标签超链接,<a>标签路径后#(名字)就跳转到#。

10,<img>图片

11,表格状数据<table><tr><td>

12,<ifame>嵌入网页内容,width,height框架的宽和高,frameBorder区域边框宽度选择0或1。

13,输入控件:

input该元素使用type属性ding

select和option二者组合使用,创建一个下拉表。

textarea创建一个多行输入文本框。

1),文本框:<input>元素的<size>和<maxlength>来控制长度和最大字符数

2),口令输入框: password字符显示为星号

3),复选框和单选框:checked默认选中,checkbox复选,radio单选。name相同可以多选一效果。

4),隐藏字段:hidden。

5),文件上传控制:file。

6),下拉列表:<select>元素多个<option元素>

7),提交和重置按钮:submit提交,reset清楚。

8),命令按钮:button.

9),fleldset和legend元素:细边框的盒子

CSS基础

盒模型

1, width,height宽和高

2, margin外边距

3, 表框border

4, 内边距padding

5, 浮动元素 float属性

6, 清楚浮动影响 clear

定位

通过position属性

1, 静态定位(staic) 

2,相对定位(relativa)  

3,绝对定位(absolute) 

4, 固定定位(fixed)


转载于:https://my.oschina.net/u/1040767/blog/127781

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值