书签 分享 收藏 举报 版权申诉 / 27

类型HTML学习文档.docx

  • 文档编号:23316898
  • 上传时间:2023-05-16
  • 格式:DOCX
  • 页数:27
  • 大小:583.98KB

HTML特殊实体

在网页上有的时候会显示特殊的符号。

我们在键盘上是输不进去的。

因此需要HTML提供的符号实体。

HTML超链接

内容

属性:

1.href:

链接的新地址

2.Target:

打开窗口的方式_blank,_self

************************超链接案例*******************************

--链接到自己写的网页-->

链接到我的第一个网页,在新窗口中打开

链接到我的第一个网页,在原窗口中打开


--链接到别人的页面-->

链接到XX

--可以链接到写邮件网页-->

785641675@">给我发邮件

HTML图像元素

注意:

src:

也可以是外部网站的图片

******图像案例************


HTML表格

表格的主要用途:

显示数据和图片,并且可以布局(把想放的元素放在指定的位置)

基本语法:

:

表格

:

:

单元格

单元格内是列名字体加粗

Cellspacing:

单元格之间的距离

Cellpadding:

填充的大小单元格内的内容和单元格的距离,在一定程度上,会将表格撑大

Align:

布局有居中,居左,居右

Border:

边框宽度

成绩单案例

代码:

***********************表格案例********************************

学号姓名成绩1001张三100
1002李四69

菜谱案例:

代码:

***********************菜谱案例******************************

星期一菜谱

青菜清炒茄子花椒扁豆

小葱豆腐清炒白菜

荤菜油焖大虾海参鱼翅

红烧肉烤全羊

课程表案例

HTML列表

无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于

    标签。

    每个列表项始于

  • 语法

    无序列表的类型:

    1.实心圆disc

    2.空心圆circle

    3.实心矩形square

    案例

    有序列表

    有序列表也是一列项目,列表项目使用数字进行标记。

    语法

    有序列表始于

      标签。

      每个列表项始于

    1. 标签。

      有序列表的类型使用type属性

      1.数字类型1

      2.罗马类型i/I

      3.字母类型a/A

      设置列表的起始值使用start属性

      案例

      所有的代码

      **********************无序列表*******************************

      --默认是实心圆type="disc"-->

      • 无名指的等待
      • 爱我袁姗姗
      • 最初的梦想
      • 我很快乐

      --空心圆-->

    2. 无名指的等待
    3. 爱我袁姗姗
    4. 最初的梦想
    5. 我很快乐

--实心方块-->

  • 无名指的等待
  • 爱我袁姗姗
  • 最初的梦想
  • 我很快乐
  • **********************有序列表*********************************

    --默认是数字类型type="1"-->

    默认是数字列表

    1. 无名指的等待
    2. 爱我袁姗姗
    3. 最初的梦想
    4. 我很快乐

    小写字母列表

  • 无名指的等待
  • 爱我袁姗姗
  • 最初的梦想
  • 我很快乐
  • 小写罗马字母列表

  • 无名指的等待
  • 爱我袁姗姗
  • 最初的梦想
  • 我很快乐
  • 大写罗马字母列表

  • 无名指的等待
  • 爱我袁姗姗
  • 最初的梦想
  • 我很快乐
  • 大写字母列表

  • 无名指的等待
  • 爱我袁姗姗
  • 最初的梦想
  • 我很快乐

  • 有序列表从数字3开始

  • 无名指的等待
  • 爱我袁姗姗
  • 最初的梦想
  • 我很快乐
  • HTML框架(frameSet/frame同时使用)

    框架结构标签

    1.

    2.定义如何把窗口分割成框架

    3.每一个框架结构定义一系列的行和列

    框架标签

    1.

    2.定义在框架中的html文档

    基本语法

    案例:

    主:

    左:

    左页面

    一起吃口的幸福EFO

    右:

    右页面

    注意:

    1.主页面不能带body标签

    综合案例

    代码

    一起吃苦的幸福

    无名指的等待

    我很快乐

    右1

    #0000FF">

    一起吃苦的幸福-EXO

    我们越来越爱回忆了

    是不是因为不敢期待未来呢

    你说世界好像天天在倾塌着

    只能弯腰低头把梦越做越小了

    是该牵手上山看看的

    最初动心的窗口有什么景色

    不能不哭你就让我把你抱着

    少了大的惊喜也要找点小快乐

    就算有些事烦恼无助

    至少我们有一起吃苦的幸福

    右2

    无名指的等待

    右3

    我很快乐

    HTML表单元素

    表单是一个包含表单元素的区域。

    表单元素是允许用户在表单中(比如:

    文本域、下拉列表、单选框、复选框等等)输入信息的元素。

    表单使用表单标签(

    )定义。

    基本语法:

    各种输入元素(文本,下拉菜单,密码框....)

    案例

    登陆界面案例

    代码

    Login.html

    登陆界面

    登陆系统

    用户名:


    --

    输入空格的两种方式

    1. 

    2.全角空格

    -->


    密  码:



         

    loginOk.html

    表单元素

    登陆成功

    解析

    1.输入空格的方式

    a) 

    b)输入圆角空格

    2.action表单提交的页面,以后提交页面一般是.jsp页面servlet页面action页面

    3.method提交表单的方法

    a)get(默认方式)地址栏会显示表单内容

    b)Post地址栏不会显示表单内容安全

    4.表单内的元素

    a)Text文本框

    b)password密码框

    c)hidden隐藏域

    d)radio单选按钮

    e)submit提交按钮

    f)button按钮

    g)reset重置按钮

    h)image按钮

    i)checkBox复选框

    5.name是给表单元素起的名字

    Input元素案例

    图示

    代码

    input元素

    您的姓名:


    密码:


    请选择你喜欢的水果:

    香蕉

    苹果

    橘子

    哈密瓜


    性别:


    --

    隐藏控件,但是还不破坏界面偷偷的数据传过去

    最大的作用是既可以提交数据,还不破坏界面

    -->

    这有隐藏域


    你的爱好:

    --页面上我们看见的是踢足球,如果我们选择了踢足球提交时时tzq-->

    --一般我们通过---请选择---这种没有实际意义的方式调整大小-->

    ---请选择---

    踢足球

    打篮球

    打羽毛球

    看电视

    玩游戏


    自我介绍:


    --元素的内容是默认值-->

    请这里输入....

    请选择文件:


    图片按钮



    综合案例

    邮箱登陆页面

       

     

       

     用户名:

     密  码:

     

     

    注册账号找回密码

      

      

    配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    HTML 学习 文档
    提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:HTML学习文档.docx
    链接地址:https://www.bdocx.com/doc/23316898.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2008-2022 冰点文档网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1

    收起
    展开