栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

前端学习之HTML

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

前端学习之HTML

含义:

    超文本标记语言

       超文本:超越文本限制,超级链接文本

       超文本标记语言简单来说,就是描述网页的语言

作用:

       构建页面结构

创建:

快速创建html文件:

     vscode软件(我常用的软件):

        第一种方法:文件--新建文件---选择语言----HTML

       第二种方法:点击左侧的下图图标---输入文件名称.html---回车

命名规范:
  •        不用中文命名
  •         不包含空格和特殊字符
  •         可以使用纯英文的小写字母,数字,下划线的结合
  •        首页一般用index命名
  •        文件名称要规范,不可使用中文拼音
  •       可以使用驼峰命名法  例如userName
基本结构:
---- 声明文档类型是HTML结构

 ----根标签
     补充:
     lang='en'指定html语言种类
           en 英文
           ZH——CN 中文
           fr 法文 
------文档头部 
    
        常见的字符集:
          GB2312:简体中文
          BIG5  :繁体中文(港澳台地区)
          GBK   :全部中文字符(中国全部地区)
          UTF—8 :全世界所有国家要用的字符
    
    
    Document-----文档标题 


  文档主体

如何快速生成基本结构:输入html:5------回车

内容(标签):    标签分类:

     双标签:

        简单来说,就是<>    l两个括号

     单标签:

          简单来说,就是 一个括号

   标签详情:

            字体标签:

    标题标签:
    1 ---显示的字体最大
    2
    3
    4
    5
    6----显示的字体较小
   注意:1-6  字体大小:由大逐渐变小
 文字加粗(加粗,强调作用)
   123
   456

 文字斜线 
    123
    456

 删除线 
    123
    456

 下划线
    123
    456

 段落标签
    

12345678910

 水平标签    
 换行标签     你好,惠特米勒

     图像标签:

图像标签:
  作用:引用图片
  

链接标签:

链接标签:
  作用:跳转到某个页面
  目标窗口弹出方式(target取值):
                self   默认值
                blank  在新窗口打开

    文本或者图像
  

容器标签:

 div标签:
    作用:可以装载许多标签,通常用于构建结构
  是一个容器,用来装结构

 span标签
   作用:在一行内显示的内容
  一行只能放一个span

      多行文本框:

textarea控件:文本框
              作用:可以输入许多的文字内容
              属性:name  名称
                    id   ID名
                    cols 基本不用
                    rows 基本不用

     下拉菜单:

 select下拉菜单:
      option中想要默认选中:selected=“selected”;

    

       列表:

列表:容器里装载着结构,样式一致的文字或图表的一种形式
      如何快捷生成列表:列表类型(ul)+li*想要的列表数量+回车
    作用:使数据清晰明了
    无序列表:没有顺序的列表,每项前面有小圆点
    
           
  •    
    有序列表:有顺序的列表,没想前面标注着数字    
           
  1.    
    定义列表:自定义列表,自己决定列表展示    
       
---类似于行            
----类似于列            

表格:

table表格:
           作用:用来展示数据,可以让数据显示整齐规范 
           属性:
              border      边框                           取值:0无边框  1有边框 
              width       宽度
              height      高度
              align       网页中水平对齐方式              取值:方位名词
              cellspacing 单元格及边框之间空白间距
              cellpadding 单元格内容及边框间空白边距
         caption表格标题
         th 表头单元格
         rowspan跨行合并
         colspan跨列合并
            表头:thead
            主体:tbody
            表脚:tfoot
   
    -- 表格标签
        -----表格标题:居中显示在表格上,跟随table标签移动
        --- 表头单元格:位于表格的第一行或者第一列,并且文本加粗居中
        --表格行标签
             ---表格列标签
        
    
表格标题
表头
1

表单:

form表单:
            作用:收集用户信息,可与用户交互
            构成:表单控件,提示信息,表单域
            input控件:
              属性:
                 type:
                    取值:
                         text         文本框
                         password     密码框
                         radio        单选框
                         checkbox     复选框
                         button       按钮
                         submit       提交按钮
                         reset        重置按钮
                         image        图像形式提交按钮(必须有src属性)
                         file         文件域(上传文件)
                name用户名
                value默认文本值
                size显示宽度(取正整数)
                checked 默认选中
                maxlength控制字符数(取正整数)
                method 提交方式:get,post

    
           

特殊字符:

  空格 
< 小于号 
> 大于号
& 和号 
¥ 人民币 
© 版权 
® 注册商标 
° 摄氏度 
± 正负号 
× 乘号 
÷ 除号 
² 平方根2 
³ 立方根3

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1013657.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号