• HTML基础


    1.互联网的三大基石(C)

    – 统一资源定位符(URL)

    • 互联网上每个资源都对应一个单独的URL

    – 超文本传送协议(HTTP, HyperText Transfer Protocol)

    • 它负责规定浏览器和服务器怎样互相交流

    – 超文本标记语言(HTML,HyperText Markup Language)

    • 作用是定义超文本文档的结构和格式

    2.什么是HTML?(C)

    HTML(HyperText Mark-up Language)即超文本标记语言,是目前网络上应用最为广泛的语
    言,也是构成网页文档的主要语言。

    3.HTML基础语法(B)

    <html>
         <head>
              <title>网页标题</title>
         </head>
         <body> 
             网页主体部分
         </body>
    </html>

    4.HTML注释(C)

    HTML注释由 ”<!- -” 开始,由 ”- ->” 结束,
    HTML注不可以嵌套使用。

    5.标签

    是HTML语言的基本部分。标签一般是成对出现,每一对标签一般都有一个开始的标记(如<body>),也有一个结束的标记(如</body>)。(也有单标签,如:<br/>、<hr/>)

    6.head 标签

    <head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示。主要用于对文档做整体的控制(css),以及做搜索引擎优化。

    title标签:定义在head标签中,用来定义网页的标题。
    meat标签:

    – <meta name="keywords“ content="study,computer">

    • 用来标记搜索引擎在搜索你的页面时所取出的关键词。

    – <meta name=“description“ content=“java,html">

    • 这个 Meta 元素定义了对页面的描述:

    – <meta name="author" content=“puckasoft">

    • 用来标记文档的作者。

    – <meta http-equiv=“Content-Type” content=“text/html” charset=gb2312”> 

    • 用来标记你的页面的解码方式。

    – <meta http-equiv=“refresh” content=“间隔秒数;URL=网页”>

    • 用来自动刷新网页

    7.文本常用标签

    1.<p>-段落标签(paragraph)

    2.标签<h1>到<h6>标题标签。<h1>定义了最大的标题,<h6>定义了最小的。

    3.<br />换行标签。

    4.<hr />水平线

    5.<del>...</del>删除线

    6.<b>...</b>粗体字(bold)

    7. <i>...</i>斜体字 (italic)

    8.<sub> 下标(subscript)
    9.<sup> 上标 (superscript)

    10.<pre>原样输出

    8.<img> 图像标签

    <img src="图片文件地址" width="200px" height="200px" alt="文字说明!" title="标题"/>

    – src:图像文件地址
    – width:图像的宽
    – height:图像的高
    – border:图像的边框
    – title:表示鼠标在图片上停留时,显示一个文字悬浮框。
    – alt:用于图片没显示时,显示一个说明文字。

    9.音频和视频

    <audio>音频标签(用法跟video一样)
    <video>视频标签

    <video src="视频地址" controls="controls" autoplay="autoplay" loop="loop"></video>

    – src: 视频文件地址
    – autostart: 自动播放
    – loop: 循环播放。
    – hidden:显示播放条。

    10. 超链接

    <a href="链接地址" target="打开方式">链接文本或图片</a>

    href: 资源路径
    target: 超链接打开的方式
    "_self" 表示在当前标签中打开
    "_blank" 打开一个新开标签页
    "_parent" 在父窗口中打开
    "_top" 在最顶层窗口打开
    自定义 在指定name出打开该超链接

    锚点链接

    在需要链接的地方创建锚点链接<a name="锚点名称"></a>
    访问时通过 href=“#锚点名” 访问

    发送邮件

    <a href="mailto:test@163.com?subject=AboutHTML">发邮件给我</a>

    11.有序列表(order list)

    <ol>

    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>

    </ol>

    12.无序列表(unorder list):

    <ul>

    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>

    </ul>

     

    13.表格

    • <table>
    • <tr>行
    • <th>表格头
    • <td>列

    – colspan=“2”跨两列
    – rowspan=“2”跨两行
    – align=left/right/center 对齐方式

    14.Iframe内嵌框架

    它的作用是在一网页中间插入一个框窗以显示另一个网页

    name:为iframe命名
    – _blank :打开一个新窗口
    – _top :链接会开启在原本窗口中,并占满整个浏览器窗口
    – _parent:占满目前子网页的frameset所指定区域

    15.表单(A)

    表单用于收集和提交用户输入的数据。


    15.1属性:

    id 表单的id,用于js获取表单
    name 表单的名字,用于js获取表单
    action 表单提交的地址
    method 表单提交的方式,常用值为get和post
    get (默认)
    post
    enctype 表单中数据的编码方式,
    application/x-www-form-urlencoded (默认)
    multipart/form-data
    text/plain

    15.2 form标签下的子标签(表单域)

    1.input

    属性
    type="text" 文本框
    type="password" 密码框
    type="hidden" 隐藏框
    type="file" 文件框
    type="radio" 单选按钮 name属性相同即为一组
    type="checkbox" 复选框 name属性相同即为一组
    对于input type="radio"和input type="checkbox"来讲,
    添加 checked="checked"属性表示默认选中该选项
    type="submit" 提交按钮,提交表单
    type="reset" 重置按钮,重置表单
    type="button" 普通按钮,用于被js调用
    对于input type="submit"、input type="reset"和input type="button"来讲,value属性表示按钮上的文字

    2. select 下拉列表框

    给select添加multiple="multiple"的属性后,就变成多选需要和option标签一起使用

    3. textarea 多行文本域
    4. button 按钮

    15.3 注意:

    1.对于所有的子标签来讲,只有添加name属性,才可以提交!!!
    2.一般来讲,value属性就是提交的值
    3.对于radio和checkbox而言,如果没有设定value属性,则提交时值为on
    4.对于select而言,select提交的值就是option标签的value属性值,如果option标签没有设定value属性值时,默认提交option标签中间的文本值
    5.对于textarea而言,textarea提交的值不是value属性,而是标签中间的文本数据
    6.对于三个按钮来讲,input和button从本质来讲并无区别,而且一般情况不需要设置name属性(即不用提交)

  • 相关阅读:
    构造方法
    不死神兔
    类与对象
    成员变量和局部变量的区别
    this关键字的理解
    private关键字理解
    如何设置客户端证书
    有关中文的正则表达式
    Web和证书服务:建立电子商务外部网
    认证服务Web 网页循序渐进指南
  • 原文地址:https://www.cnblogs.com/gaojinshun/p/10816396.html
Copyright © 2020-2023  润新知