您的位置：首页 > Web前端 > HTML

HTML基础了解

2015-12-02 23:08 429 查看

今天根据视频的学习，边学习边记录，对HTML进行了解学习

以下是看视频是记录的

------------

html学习记录

列表标签：dl

上层项目：dt

下层项目：dd

封装的内容会被缩进，有自动缩进效果有序标签 ol

无序标签 ul

条目的封装都用的是 li

都有缩进作用

图片标签

img内部闭合标签

<img src="img\1.jpg" height=300 width=300

border=10 alt=“描述”>//图片一般都放在网络文件里

表格标签

整体放入列表 table

行 tr

一个单元格 td

th将行中的内容加粗并居中

简历写表格个人简历写成网页

caption 表头

border边框 bordercolor

colspan占几列

rowspan占几行

不规则表格

多少行

每行多少个单元格即可

网页制作变化

表格标签的下一个标签 tbody 不定义也存在

超链接标签

a

指定属性

<a href="www.baidu.com">百度</a>

当有了href属性，才有了点击效果

href属性的值有不同，解析的方式也不一样

该值没有指定过任何协议。

解析时，就是按默认的协议来解析该值。默认协议是file

href="http://www.baidu.com"

target="_blank"新窗口打开

href="imgs/x.jpg"图片</a>;

协议

href="mailto:asda@qq.com"打开邮箱

href="http://www.xunlei.com/movies/fczlm.tmvb"复仇者联盟

href="thunder://dadajferyusfsxvdf"迅雷自己的协议--thunder

href="javascript:void(0)"链接无效果，可自定义效果

href="javascript:void(0)" onclick="alert('我弹')"

回到某一个位置上去

定位标记

专业术语：锚

<a name=top>顶部位置</a>

<a href="#top">回到顶部位置</a>

框架标签

框架一般写在<head>和<body>之间

<frameset rows="30%,*">
<frame src="top.html" name="top"/>
给窗口起名字
<frameset cols="30%,*">	*占全部
<frame src="left.html" />
<frame src="right.html" />
</frameset>
</frameset>

画中画标签

<iframe src="http://www.xxx.com/1.js" height=400 width=600>这是画中画</iframe>

利用这个标签来入侵别人电脑

设置画中画height width都为0 但是看不见

表单标签以及常用的组件

<form>

<input type="十个都要会，一定要记住">

</form>

text:文本框输入

password:密码框输入

radio:单选框，一次只能选一个<里面需要属性

name="sex" checked标记属性默认被选中

checkbox：复选框

reset:重置 value可以改变这些名字

submit:提交完成默认的处理方式

表单数据向服务端提供，服务端需要识别，就需要每个

type需要属性 name value

如果要给服务端提交数据，表单中的组件必须有name和value属性

用于给服务端获取数据方便

file:文件选取框

image:插入src图片，图片按钮，漂亮的提交

hidden:隐藏组件，数据不需要客户端知道但是可以将其

提交服务端

button:一个按钮，value改变样子，自定义的按钮，直接注册方法:onclick=alert（"这是自定义"）

表单里面的其它标签

下拉菜单

<select name="country">

<option value="">--选择国家--</option>

<option value="">--美国--</option>

<option value="">--中国--</option>

<option value="">--英国--</option>

</select>

个人简介

<textarea name="text"></textarea>

以上重点掌握

表单组件格式化

<form>

<table border="1" bordercolor="#00ffff" cellpadding=10 cellspacing=0 width=500>
//table里面可以对表格进行美化

<tr>

<th colspan=2>标题</th>

一行占几列

</tr>

<tr>

<td>功能1</td>

<td>文本输入text</td>

</tr>

<tr>

<td>功能2</td>

<td>密码输入password</td>

</tr>

<tr>

<td>功能3</td>

<td>单个选择radio</td>

</tr>

<tr>

<td>功能4</td>

<td>多个选择checkbox</td>

</tr>

<tr>

<td>功能5</td>

<td>选择菜单select+option</td>

</tr>

<tr>

<th colspan=2>reset，submit</th>

</tr>

</table>

</form>

基本格式化动作搞定

在这里的复制粘贴有问题啊我去

主要是以后下去还是要自己练习的，但是HTML的编译环境还没有弄好，这几天赶紧搞定吧

<frameset rows="30%,*"><frame src="top.html" name="top"/>给窗口起名字<frameset cols="30%,*"> *占全部<frame src="left.html" /><frame src="right.html" /></frameset></frameset>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航