HTML之基本标记

1、什么是HTML

       HTML是超文本标记语言。HTML5是W3C制定的一套开发静态页面的规范。

2、HTML的基本组成





无标题文档



3、HTML常用的标记

用一个简单的例子,来简单说明HTML常用的标记







无标题文档


html学习



        

  1.         段落
       

  2.    

  3.         图片
       

  4.     

  5.         列表
       

  6.     

  7.         线
       

  8.    

  9.         格式
       

  10.     

  11.         超链接
       

  12.    

  13.         滚动文字或图片
       
  14.        

基本标记



段落是p换行是br空格是@nbsp



这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。这里是html学习,欢迎大家一起来探讨。



图片是img


当在src的路径中找不到图片时,这句话才会显示

列表分为无序列表和有序列表



        
  1. 示例1

  2.     
  3. 示例2

  4.     
  5. 示例3
  6.     


        
  • 示例1

  •     
  • 示例2

  •     
  • 示例3
  •     


线用hr表示





按原格式输出用pre



    public class Test{
        private int id;
        private String name;
        private String address;
    }


超链接



        
  1. 文字链接

  2.     
  3. 图片链接

  4.     
  5. 锚点链接

  6.     
  7. 邮件链接

  8.     
  9. 热点链接
  10.                 

百度
图片

滚动图片或文字用marquee来表示


    οnmοuseοut="this.scrollAmount=20">
    滚动


4、表格

作用:格式化显示数据、定位网页元素





无标题文档



    
    
        
       
       
   
   
        
                 
   
   
        
        
                        
   
   
        
                        
   
table
姓名籍贯手机号码
张三咸阳111111
张三西安222222
李四111111


5 表单

表单是用来接收用户输入数据的。表单(html4)中主要学习十二个标签:单行多行和密码,单选复选与下拉,三个按钮,三个域(隐藏表单域,文件提交)

所有的控件都是在form标记内。form的属性

Name:当前表单的名称。也就是给表单起个名字,来说明表单的作用

Action:处理表单数据的服务器目标地址

Method:有两个数值。get和post,默认的是get。get请求会在地址栏显示请求参数名称与数值,而post请求不会显示

下面来用一个简单的例子来说明这十二个标签

 





无标题文档


Form


作用:接受用户输入的数据

        
  1. name

  2.     
  3. action:服务器处理请求的资源路径

  4.     
  5. method:get和post默认值是get,get会在地址栏显示请求参数的名称和参数值,而post请求则不会



     隐藏表单域

    单行 姓名:size是显示的长度,maxlength是输入的最大值

    单行 姓名:readonly可以获得焦点,而disable则不能获得焦点。readonly会向服务器提交数据,而disable则不会向服务器提交

    密码 密码:

    多行:描述

    单选 性别:
            

    复选 爱好 篮球
                足球
            乒乓球

    下拉  城市

            
    文件上传

            
            
             重置不是清空,而是回到默认值
            
            


你可能感兴趣的:(javaWeb)