HTML快速入门

10,952次阅读
没有评论

共计 1603 个字符,预计需要花费 5 分钟才能阅读完成。

1. HTML 结构标签
 


    
         标题 
    
    

    

2.特点

  • HTML 标签不区分大小写
  • HTML 标签属性值单双引号都可以
  • HTML 语法松散

3.标题标签

  • 标签:

    (h1 o h6 重要程度依次降低)

  • 注意:HTML 标签都是预定义好的,不能自己随意定义。

4.水平线标签


5.图片标签

  • 绝对路径: 绝对磁盘路径(D:/xxx×)、绝对网络路径 (https: / /xxxx)
  • 相对路径: 从当前文件开始查找。(/︰当前目录,../ : 上级目录)

6.CSS 引入方式

  • 行内样式:

  • 内嵌样式:
  • 外联样式:xxx. CSS   

7.颜色表示

  • 关键字:red.green . . ﹒
  • rgb 表示法:rgb(255,e,e).rgb(134,1ee,89)
  • 十六进制: #ff000e、#cccccc、#ccc

8.颜色属性

        color: 设置文本内容的颜色

9. 标签

  • 是一个在开发网页时大量会用到的没有语义的布局标签
  • 特点: 一行可以显示多个 (组合行内元素),宽度和高度默认由内容撑开

10.CSS 选择器

  • 元素选择器: 标签名 {…}
  • id 选择器:#id 属性值 {…}
  • 类选择器:.class 属性值 {…}
  • 优先级:id 选择器〉类选择器〉元素选择器

11. CSS 属性

  • color: 设置文本的颜色
  • font-size: 字体大小(注意: 记得加 px)

12.超链接

标签: 属性:

  • href: 指定资源访问的 url
  • target: 指定在何处打开资源链接_self: 默认值,在当前页面打开_blank: 在空白页面打开

13.CSS 属性

        text-decoration: 规定添加到文本的修饰,none 表示定义标准的文本。

        color: 定义文本的颜色

14.音频、视频标签

        

15.换行、段落标签

        换行:
; 段落:

16.文本加粗标签

       

17.CSS 样式

        line-height: 设置行高
        text-indent: 定义第一个行内容的缩进
        text-align: 规定元素中的文本的水平对齐方式 5.注意
        在 HTML 中无论输入多少个空格,只会显示一个。可以使用空格占位符:  

18. CSS 盒子模型

        组成: 内容 (content)、内边距 (padding)、边框 (border)、外边距 (margin)

19.CSS 属性

        width: 设置宽度 height: 设置高度
        border: 设置边框的属性,如:1px solid #000;padding: 内边距
        margin: 外边距
        注意: 如果只需要设置某一个方位的边框、内边距、外边距,可以在属性名后加上 - 位置,如:         padding-top.padding-left、padding-right …

20.表格标签

  •  
    : 定义表格

  •  
  • : 定义表格中的行,一个 l 表示一行

  • : 表示表头单元格,具有加粗居中效果

  • : 表示普通单元格

    21.表单标签

    • 表单标签:
      表单属性:
    • action: 表单数据提交的 url 地址 method: 表单提交方式
    • get: 表单数据拼接在 url 后面,?username=java , 大小有限制
    • post: 表单数据在请求体中携带,大小没有限制

    注意: 表单项必须有 name 属性才可以提交。

    22. 表单项

    type 取值 描述
    text 默认值,定义单行的输入字段
    password 定义密码字段
    radio 定义单选按钮
    checkbox 定义复选框
    file 定义文件上传按钮
    date/time/datetime-local 定义日期 / 时间 / 日期时间
    number 定义数字输入框
    email 定义邮件输入框
    hidden 定义隐藏域
    submit / reset / button 定义提交按钮 / 重置按钮 / 可点击按钮
    
    
    
        
        
        
        HTML- 表单项标签 
    
    
    
    
    
    姓名:

    密码:

    性别:

    爱好:

    图像:

    生日:

    时间:

    日期时间:

    邮箱:

    年龄:

    学历:

    描述:


原文地址: HTML 快速入门

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-27发表,共计1603字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)