当前位置：首页 > 编程教程 > html教程 > 正文

认识html元素_html/css_WEB-ITnose

2016-06-21 08:47:13 分类：html教程 阅读(2)

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

认识一个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元素
      
   

      

      
验证码：