认识html元素_html/css_WEB-ITnose

前端现在越来越火,可以用去年热门的词语来形容——“风口上的猪”。希望这个系列的文集能够给“毫无任何基础,但是想转到前端的人”一点帮助。

认识一个html文档的基本结构:
    <meta charset="UTF-8">    Here is title<body>    Here is content.

HTML 文档是由 HTML 元素 定义的,而HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

  • 首先,HTML元素从闭合属性上可分为2类:
    • 自闭和标签
      自闭和标签在html元素中的比例不大,常用的就以下几个: 

      从上面的标签可以看出,自闭合标签形如: <标签名 />(建议:/和前面的标签名之间空一格)
    • 手动闭合标签
      html元素中大多数标签都是需要我们手动闭合的。手动闭合的意义就是——告诉浏览器,我这个标签里的内容起始位置和结束位置。常用的标签:

      ...

    下面着重介绍一些以后天天都会用到标签
    • img
      标签具体两个常用的属性:src%20(source)%20属性是必需的:它的值是图像文件的%20URL,也就是引用该图像的文件的的绝对路径或相对路径;alt%20属性是非必需的:它指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容;(备注:我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。)
    • %20%20%20
    %20%20%20

    %20%20%20%20%20%20%20%20%20%20%20

    %20%20%20%20%20Paste_Image.png

    Paste_Image.png

    • br


      可插入一个简单的换行符。注释:请使用
      来输入空行,而不是分割段落。
    • input

       标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式:输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

    1.文本框

    value代表此文本框中显示的值,placeholder设置的值表示当value为空时,给用户的提示文字。

    Paste_Image.png

    2.密码框

    Paste_Image.png

    3.单选框

     女value:在界面上不会显示出来;checked:如果存在,则表示默认选中;name: 当多个的name属性值相同时,表示这多个单选框,同时只能有一个选中;

    Paste_Image.png

    4.复选框

     足球 篮球多个复选框的name即使相同,也可以同时选中;

    Paste_Image.png

    Paste_Image.png

    • textarea元素
      
         
      
      验证码: