HTML语言
创始人
2025-05-30 02:03:19
0

1.什么是HTML?

1、HTML是超文本标记语言(Hyper Text Markup Language)
2、HTML由各种各样的标签(tag)组成,如、
3、HTML文档 = 网页
  (1)一种纯文本文件,扩展名为.html或.html;
  (2)最终显示结果取决于Web浏览器的显示风格及其对标记的解释能力;
  (3)编辑工具:记事本,写字板,Subline,FrontPage,Dreamweaver等。


hello world hello world! nihao beijing

2.HTML语法

1、HTML标签
  (1)由尖括号包围的关键词,比如;
  (2)通常是成对(开始标签,结束标签)出现的,比如 < b > < /b > ,< label >< /label >。例外:< br >、< img >
2、HTML元素
  (1)开始标签(start tag)到结束标签(end tag)的所有代码
3、HTML属性
  (1)在HTML元素的开始标签中规定
  (2)以名称/值对的形式出现:< img src = “1.png”>

3.HTML头部、主体和标题标记

1、HTML头部< head >< /head >
  主要放置标题标签、元信息标签等;
2、HTML主体< body >< /body >
  放置页面中所有的内容,如文字、标题、链接、图片、表格、表单等
2、HTML主体< title >< /title >
  声明网页标题,指示网页作用;
  默认为网页另存为后的网页文件名字;
  默认为收藏此网页时收藏夹的名字。


  This is first html 	hello word
hello,everyone

4.元信息标记< meta >

  1、提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词;
  2、< meta >标签位于文档的头部,不包含任何内容;
  3、 < meta >标签的属性定义了与文档相关联的名称/值对;
  4、在HTML中,< meta >标签没有结束标签;
  5、< meta >标签永远位于head元素内部;
  6、元数据总是以名称/值的形式被承兑传递的。

meta元素必须的属性:

属性描述
contentsome_text定义与http-equiv或name属性相关的元信息

meta元素可选的属性:

属性描述
http-equivcontent、expires、refresh、set-cookie把content属性关联到HTTP头部
nameauthor、description、keywords、generator、revised、others把content属性关联到一个名称
schemesome_text定义用于翻译content属性值的格式

用法:
  < meta 属性=值 content=值>
例如: < meta name = “keywords” content = “W3school” >


     元信息标签 	现在学习的是元信息标签的使用

5.文字标签(< b > < i > < u > < big > < small >…)


     文字标签 	普通字体
斜体
下划线
斜体强调
粗体强调
小号字体
大号字体
122=144
Fe2SO4

6.标题标签(< h1 > < h6 >)和文字标签


     标题标签 	

一级标题


二级标题


三级标题


四级标题


五级标题

六级标题

欢迎大家学习HTML语言

7.超链接标签

超链接
  (1)电子邮件超链接
    < /a >
    注:subject–主题
  (2)页面内的超链接
    回到顶部:< a href=”#top ">< /a >
    回到某一位置:< a name = " tome “> < /a >
          < a href = " #tome”>< /a >
  (3)页面外的超链接
    外网:< a href = “http://www.baidu.com/” >< /a >
    内网:< a href = “a.html” target = “_blank”>
  (4)图片超链接
    < a src = “a.html” >< img src = "image/a.jpg ">


     超链接标签 	百度一下



回到指定位置









回到顶部








不错不错

8.表格标签< table >< /table >



表格标签

学生信息表
姓名出生年月性别年龄
张三1999.9.924
李四2000.1.123
王五1999.9.824
学生成绩表
学生信息 语文 数学
学号 姓名性别
1001张三9080
1002李四8070
1003王五6050

9.表单标签< form >< /form >

HTML页面与服务器交互的手段
  (1)属性
    name:表单的名称;
    method:表单数据从浏览器传输到服务器的方法;
      get:将表单数据附加在URL地址后面,长度不超过8192个字符,不具有保密性,默认为Get;
      post:将表单数据包含在表单的主体中,一起传输到服务器上。没有长度限制,密文传输;
    ation:用来定义表单处理程序;
  (2)< form > < /form >内的标签
      a、表单输入标签
        常见的文本域、按钮都是使用这个标签
        属性:
          name :  域名称
          type:   域类型
          value:  元素值
        type属性值:
          text   文字域    password  密码域
          file   文件域    checkbox  复选框
          radio  单选框    button   普通按钮
          submit  提交按钮  reset  重置按钮
          hidden   隐藏域   image  图像域
      b、选择列表< select > < option > < /option >< /select>
        菜单和列表是为了节省网页的空间而产生的
        属性
          name  菜单和列表的名称
          size  显示的选项数目
          multiple 列表中的选项为多项
          selected  默认被选中的选项(option中的属性)
      c、文本域
        用于制作多行文本输入域
        属性
          name  文字域的名称
          rows  文字域的行数
          cols  文字域的列数



表单标签


用户名:

密码:

    

请选择文件:

请设置您的性别:男

请选择您的爱好:打篮球 打游戏 睡觉



相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...