资讯专栏INFORMATION COLUMN

常用的HTML标记整理

Rocture / 1227人阅读

摘要:提示提示复选框多选,值相同也行,不同也行文件域图像域代替样子,如果你觉得不好看,那么你可以使用做一个图代替。百度贴吧,发布帖子多少个字符宽度多少个字符高度

文章CSDN地址:https://blog.csdn.net/Ght1997...
文章GitHub地址:https://github.com/ght1997012...
文章segmentfault地址:https://segmentfault.com/a/11...
文章简书地址:https://www.jianshu.com/p/26b...

一、大体格式


   
      
           标题
            (记事本为gb2312)
         
       
         
      
   

二、

1.超链接标记

 

    邮件超链接:点击邮件超链接,会自动打开你电脑上邮件发送软件,将收件人地址自动填充(foxmail )
     

    锚链接(书签链接):
    访问链接
    定义锚点:

2.
换行

3.  空格

4. refresh设定本网页自动刷新时间间隔秒数(10秒)

5. 设定本网页十秒后跳转到其他界面或网页

6.网站前端三层 (x)html 结构层--html结构 css 表现层--决定html的样式 javascript 动作层--决定html如何交互

7.HTML基本语法:
<标记名 属性="值" 属性="值" >

举例子:


  我是帅哥

8.标记的属性和标记不能分离
一说属性必须得说哪一个标记的属性,属性不能多带带说

9.HTML里面的注释

说明:注释是给程序员看的

10.规范:
--标记和属性全部小写
--属性值必须加""
--双标记必须双着用
--单标记必须关闭
--标记只能嵌套不能交叉

11.文字标记

12.文字修饰标记
加粗
倾斜
下划线
删除线
地址


上标
下标

13.段落标记:一个p相当于一个回车换行,/p相当于一个回车换行

14.横线:

 

15.预格式化:保留源代码中空格,不忽略源代码中的空格

16.忽略HTML标记

17.设置段落缩进

18.
无序列表 ul
有序列表 ol
定义列表 dl
目录列表 dir
菜单列表 menu

无序列表




有序列表




定义列表:

定义
解释1
解释2
解释3
定义
解释1
解释2
解释3
定义
解释1
解释2
解释3

19.

21.单元格行列

22.框架集和框架


    
    


 例子:
         
      

  浮动框架:讲一个独立的HTML页面嵌入到当前页面中
  

23.

 ※ method="get/post"
    相同点:都是数据提交的方式,提交的数据是相同的
    不同点:
         ①get原理 :数据和HTML文档的头部信息一起提交
              特点 :大小受到文档头部大小限制
                     数据附加到url?后面
         ②post原理:数据和HTML文档正文之间信息一起提交
               特点:大小没有限制
                     数据不会附加到url?后面

说明:什么是数据?答:数据是用户填写的或选择的表单项(信息)

表单项:表单里面的项目
输入元素:输入文本框
                         "password"密码框
                         "radio"单选按钮
                         "checkbox"复选框
                         "file"文件域
                         "image"图像域
                         "hidden"隐藏域
                         "button"按钮
                         "reset"重置
                         "submit"提交
      

        (1)输入文本框:
        (2)密码框:
        (3)单选按钮:单选按钮要是同一组的 那么name值相同;如果不同,name值不同。
                     提示
                     提示
        (4)复选框:多选,name值相同也行,不同也行
        (5)文件域:
        (6)图像域:代替submit样子,如果你觉得submit不好看,那么你可以使用PS做一个图代替submit。
        (7)按钮: 
        (8)重置按钮:将所有表单项重置为默认值而不是清空
        (9)提交按钮:点击提交按钮后浏览器自动将表单项数据发送给action所以所指地址
        (10)select标签;单选下拉菜单和多选列表
            ①单选下拉菜单:
              
            ②多选列表
              
          (11)文本域:例如新浪微博,发表微博。百度贴吧,发布帖子
              

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53002.html

相关文章

  • 常用meta整理

    摘要:标记内容太短,则搜索引擎可能不会认为这些内容相关。搜索引擎索引方式,是一组使用逗号分割的值,通常有如下几种取值,,,,和。如果加则会重定向到指定网页搜索引擎能够自动检测,也很容易被引擎视作误导而受到惩罚。 < meta > 元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词...

    HackerShell 评论0 收藏0
  • 前端知识点总结

    摘要:知识点一和浏览器渲染模式文档类型,一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义来解析文档。知识点二文件类型声明仅有一型。知识点三常用整理常用整理 知识点一:DOCTYPE和浏览器渲染模式 文档类型,一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样...

    AprilJ 评论0 收藏0
  • 前端知识点总结

    摘要:知识点一和浏览器渲染模式文档类型,一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义来解析文档。知识点二文件类型声明仅有一型。知识点三常用整理常用整理 知识点一:DOCTYPE和浏览器渲染模式 文档类型,一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样...

    TNFE 评论0 收藏0

发表评论

0条评论

Rocture

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<