HTML个人总结

<!--html注释-->

基本格式:

<html>

<head>

</head>

<body>

网页内容

</body>

</html>

1、文字

<fontcolor="颜色 " size=" 字号" face=" 字体"><斜体I、加粗B、下划线U>要设置的文字</斜体I、/加粗B、/下划线U></font>

2、图片

<img src="路径" alt="文字说明"width="宽度" height="高度">

3、布局

换行:<br>

空格:&nbsp;

换段:<palign="left/center/right">段落</p>

4、超链接

页面间的链接(至少要有两个页面)

<a href="要跳转的网页路径" name="热点名" target="打开方式(本窗口_self/其他窗口_blank/父窗口_parent)">要点击的内容</a>

空链接<a href="#">....</a>

去掉超链接下划线:style="text-decoration: none"

5、表格

<tableborder="边框" bordercolor="边框颜色">

<tr>

<td colspan="跨列" rowspan="跨行">内容</td>

</tr>

</table>

6、表单

表单容器:

<formname="名字" method="提交方式get/post"action="网页名"></form>

表单元素:

a.文本框/密码框

<inputtype="text/password" name="名字"value="初始值">

b.普通按钮/提交按钮/重置按钮

<inputtype="button/submit/reset" value="按钮上的文字">

c.单选/多选

<inputtype="radio/checkbox" name="一样的名字"value="区分值">

d.下拉列表

<select>

<option>内容1</option>

<option>内容2</option>

<option>内容3</option>

<option>内容4</option>

</select>

-->

水平线:

<hralign="center/left/right "size="数值(代表像素)"width=" 数值(代表像素)"color=" " >

预排版格式:

<pre>文本内容</pre>

<!--

css样式表

html-----打结构

css------装修

js-------动态

两种引入方式:

a.内嵌样式表

<标签 style="属性1:属性值1;属性2:属性值2">

b.行内样式表

<head>

<style type="text/css">

选择器 {属性:属性值}

</style>

</head>

样式表属性

1、文本属性

font-size:文本大小

color:文本颜色

font-family:文本字体

text-decoration:下划线(none/underline)

选择器

a 所有超链接一起改变

a:hover 鼠标悬浮的超链接

-->

<!--

javascript的引入

事件:onclick/onblur

<标签 事件="js代码">

行内

<scripttype="text/javascript">

js代码

</script>

基本应用(函数)

alert();弹出一个只带确定按钮的对话框

confirm();弹出一个带确定取消按钮的对话框,可以返回TRUE或者FALSE

document.write();在网页上显示html内容

parseInt(),parseFloat();转型

如何获取到页面的内容

表单元素:

document.表单名.表单元素名

除开表单元素的标签

<标签 id="唯一">

document.getElementById("id名")

数学函数

Math.random();取0-1之间的随机数

Math.round();四舍五入取整

Math.ceiling();上取整

Math.floor();下取整

-->

颜色的设置:

1.英文

2.十六进制0-9a-f

3.rgb(红,绿,蓝) 取值范围0-255


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值