第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,
html是一种标记语言,其实很简单都是固定的格式
_----------------------------------------表格和表单
表格是html的重要组成部分,表格用在body里面的
主要用法如下;
<table> <tr> <td>a</td> </tr> </table>
th可以替换td,区别在于th会居中对齐并且字体变大
有序和无序
<ul> <li></li> <li></li> </ul>
有序
<ol> <li></li> <li></li> </ol>
使用表格做个人简历
<html> <head> <title>个人简历主页</title> <meta http-equiv="content-type" content="text/html"; charset="gbk"/> </head> <body> <table bgcolor="ff0000" width="70%" border="1" align = "center" cellspacing="1px" cellpadding="1px"> <caption>个人简历</caption> <tr height="40px" bgcolor="ffffff"> <td width="10%" >姓名</td> <td width="30%">王佳</td> <td width="10%">性别</td> <td width="30%">男</td> <td rowspan="4" width="180px"><img src="Image/grace.jpg" width="180px" alt="姐姐" title="姐姐"></img></td> </tr> <tr height="40px" bgcolor="ffffff"> <td>籍贯</td> <td>湖南长沙</td> <td>现居地</td> <td>湖南长沙</td> </tr> <tr height="40px" bgcolor="ffffff"> <td>学校</td> <td>牛耳教育</td> <td>专业</td> <td>Java+android</td> </tr> <tr height="40px" bgcolor="ffffff"> <td>联系电话</td> <td>123455</td> <td>邮箱</td> <td>111@163.com</td> </tr> <tr bgcolor="ffffff"> <th colspan="5" > 个人简介</th> </tr> <tr bgcolor="ffffff"> <th colspan="5" >(一) 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 消息标题的作用和种类。标题是消息的眼睛,其作用是:吸引读者阅读;集中反映消息的精华,使读者对内容有概括了解。消息的标题往往有三种类型一是正题, 或叫母题、主题、大标题。是标题的骨干和核心,高度概括消息的中心内容。 </th> </tr> <tr bgcolor="ffffff"> <td colspan="5">自我评价</td> </tr> <tr bgcolor="ffffff"> <td colspan="5"> 活波可爱 </td> </tr> </table> </body> </html>
++++++++++++++++++++++++++++表单
表单主要使用在注册等页面,个人感觉对java里面的swing好用多了
表单的格式:
<form action="www.taobao.com" Mothed="get"> <input type="" /> </form>
action表示提交的时候会自动的提交到淘宝
Mothed有两种获取的方式:get和post,get获取可以看到内容,post不能
input 表示输入标签
type 表示什么类型
<html> <head> </head> <body> <form action="www.baidu.con"> 提交到百度 姓名:<input type="text"><br/>创建文本输入框 密码:<input type="password"><br/>创建密码输入框 创建单选框 性别:<input type="radio" name="sex" checked/>男 <input type="radio" name="sex" />女 <br/> 创建多选框 爱好;<input type="checkbox" checked>篮球 <input type="checkbox">旅游<br/> <select> <option>java</option> </select><br/> 创建重置按钮 <input type="reset"> <input type="submit">创建提交按钮 <input type="button" value="提交" disabled/>创建普通按钮 </form> </body> </html>
使用form表单创建注册页面
<html> <head> <meta http-equiv="Contnet-type" content="text/html" charset="gbk"/> </head> <body> <p><h1><img src="image/Login.png" width="50px" height="50px" ></img> 个人用户注册</h1></p><br/> <table bgcolor="ff00000" border="1" cellpadding="1px" cellspacing="1px"> <tr bgcolor="ffffff"> <td> <form action="www.iteye.com" method="get"> 用户名: <input type="text" name="txt" ><br/> <p> 20个字符,允许中文,英文字母、数字和符号.-_。为了避免被垃圾邮件抓取,请勿使用邮件地址作为用户名</p><br/> 邮箱地址:<input type="text" name="email"><br/> <p> 请不要使用Yahoo邮箱注册,Yahoo邮件服务器会拒绝ITeye发送的邮件</p><br /> <p> 如果您没有收到ITeye发送的邮件,请注意查看您邮箱中的垃圾邮件。</p><br /> <p> 并且把来自ITeye的邮件设置成不是垃圾邮件,方便接受站内邮件。</p><br /> 密码: <input type="password" name="password"><br/> <p> 请选用安全的密码,不允许使用只包含纯数字,纯大写或者小写字母的密码</p><br/> 确认密码:<input type="password" name="password"><br/> <hr/><br/> <p>来自: <select> <option>湖南长沙 </option> <option>湖南长江</option> </select>如果列表中没有您的城市,可直接输入 </p><br/> <p>性别: <select> <option>男 </option> <option>女</option> </select> </p><br/> </form> </td> </tr> </table> </body> </html>
使用<br/>来换行会出现行间距过大,现在还不知道怎么解决,百度上面没有找到解决的办法
++++++++++++++++++++++++++++<meta />标签
<meta>标签使用在head里面,一般是做声明和搜索优化用的
声明字符集为
gbk<meta http-equiv="Contnet-type" content="text/html" charset="gbk"/>
声明跳转到淘宝
<meta http-equiv="refresh" content="5;url=http://www.baidu.com"/>
++++++++++++++++++++++++++++++锚点的定义
跳转到指定的页面地方
定义锚点;<a name="name">sal</a>
调用锚点 <a href ="#name"> 欢迎来到我的页面!!!</a>
相关推荐
HTML基本标签+表格基础+表单和框架,基础知识点,初学者了解,后期将逐步加载CSS样式表与JS的使用基础知识点,大家共同使用
都很基础,高手绕道,如果不打算做前台界面,学过这些html基础应该就够用了。
该静态网页包括主页、表单、表格、导航条、圆角、音视频、动态图片等子页,代码很基础,非常适合初学者。该静态网页包括主页、表单、表格、导航条、圆角、音视频、动态图片等子页
html初级教程 :html语言基础、表格与表单、样式表、样式表应用、html特效代码、heml常用代码、网络学习、css样式
自己整理的,想着赚够积分去下css的md文档,涉及表格,表单,锚点input,button等基础结构的案例。
基础 格式 表单 框架 图像 音频/视频 链接 列表 表格 样式/节 元信息 编程 HTML5 中添加的属性。 属性 描述 = HTML5 中新的事件属性。 Window 事件属性 Form 事件 Keyboard 事件 Mouse 事件 Media 事件
表格背景的设置它们的基本用法和body一样,这里不再详细介绍。Bgcolor设置背景色Background设置背景图像复杂的网页布局可能需要借助嵌套表格。但是,
基础 格式 表单 框架 图像 音频/视频 链接 列表 表格 样式/节 元信息 编程 HTML5 中添加的属性。 属性 描述 = HTML5 中新的事件属性。 Window 事件属性 Form 事件 Keyboard 事件 Mouse 事件 Media 事件
该静态网页包括主页、表单、表格、导航条、圆角、音视频、动态图片等子页,代码很基础,已经调试成功,方便初学者参考。
WEBUI中HTML基本标签,表格表单,对象,浏览器时间窗口传真等基础知识精解笔记[总结].pdf
文本、图像、链接、列表、表格、表单等网页元素,还介绍了如何为网页设计布局、添加动态效果等,另 外还涉及调试和发布。本书提供了一个强大的配套网站,上面列出了书中的完整代码示例以及更多优秀实 例及进阶参考...
HTML标记和格式实例手把手.htm HTML标记和格式实例手把手的用法。 第3章(源代码\第3章) 示例描述:本章演示字体标记语法以及其用法 标题字体.htm 标题字体的用法。 标题字体大小....
资源名称:html基础教程内容简介:HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
今天整理电脑时,发现点以前的课件,这是web前端开发html基础课件!以前拾伍用的,现在分享一下!希望有用!
最新第8版不仅介绍了文本、图像、链接、列表、表格、表单等网页元素,还介绍了如何为网页设计布局、添加动态效果等,另外还涉及调试和发布。《HTML5与CSS3基础教程(第8版)》提供了一个强大的配套网站,上面列出了书...
HTML基础: HTML介绍 HTML元素 HTML基本标签 HTML格式 HTML实体 HTML连接 HTML框架 HTML表格 HTML列表 HTML表单 HTML图像 HTML背景
最新第8版不仅介绍了文本、图像、链接、列表、表格、表单等网页元素,还介绍了如何为网页设计布局、添加动态效果等,另外还涉及调试和发布。《HTML5与CSS3基础教程(第8版)》提供了一个强大的配套网站,上面列出了书...
制作美观大方的登录页面和注册页面,使用HTML、CSS和JavaScript知识,制作表单页面,并使用虚拟帐号实现登录和重定向功能 2).以表格或div布局方式,设计较人性化、美观大方的投票表单。 3).用图形化方式,展示使用...
文档讲述了html快速入门、基本结构及语法、基本标签列表标签、表格、表单、(html)框架以及其他标签
文本、图像、链接、列表、表格、表单等网页元素,还介绍了如何为网页设计布局、添加动态效果等,另 外还涉及调试和发布。本书提供了一个强大的配套网站,上面列出了书中的完整代码示例以及更多优秀实 例及进阶参考...