前端html知识点

1.使用  来组合行内元素,以便通过样式来格式化它们。

2.

标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它

表示强调, 表示更强烈的强调。并且在浏览器中 默认用斜体表示,粗体表示。两个标签相比,目前国内前端程序员更喜欢使用表示强调。

5.(总结1和4)

讲解标签,我们对这三个标签进行一下总结:

1. 标签是为了强调一段话中的关键字时使用,它们的语义是强调。

2. 标签是没有语义的,它的作用就是为了设置单独的样式用的。

6. 引用文本

<blockquote>引用文本   

Ps:q是对短文本的引用,blockquote是对长文本

7.
标签作用相当于word文档中的回车。

要想输入空格,必须写入 

Ps: 在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的

8.
标签,添加水平横线

9.

标签可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

10.加入一行代码用标签;多行代码,可以使用

标签。

11.无序列表:

语法:

     

  • 信息
  •  

  • 信息
  •   ......

    快捷键:ul>li*n  Tab

    12. 有序列表

    语法:

         
    1. 信息
    2.    
    3. 信息
    4.    ......

       

      Ps:

        在网页中显示的默认样式一般为:每项
      1. 前都自带一个序号,序号默认从1开始

        13.

        容器

          ID选择器:针对于一个;类选择器:针对于多个。

        14.table标签:

        1

        :整个表格以标记开始、
        标记结束。

        2…:如果不加 , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)

         

        3…:表格的一行,所以有几对tr 表格就有几行。

        4…:表格的一个单元格,一行中包含几对...,说明一行中就有几列。

        5…:表格的头部的一个单元格,表格表头。

        6、表格中列的个数,取决于一行中数据单元格的个数。

        15.摘要

        语法:

        标题:

        16.超链接

        语法:

        链接显示的文本

        Ps:标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。

        如下代码:

        目标网址target="_blank">click here!

        17.

        Ps:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。

        例:

        18.图片

        图片地址"alt="下载失败时的替换文本" title = "提示文本">

        19. 表单(form)

        语法:

        传送方式"   action="服务器文件">

        讲解:

        1.
        标签是成对出现的,以开始,以结束。

        2.action 浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

        3.method  数据传送的方式(get/post)。

        method="post"   action="save.php">

               用户名:

               

               密码:

               

        20.文本输入框,密码输入框

        语法

          名称" value="文本" />

        1、type

           当type="text"时,输入框为文本输入框;

           当type="password"时, 输入框为密码输入框。

        2、name为文本框命名,以备后台程序ASP 、PHP使用。

        3、value为文本输入框设置默认值。(一般起到提示作用)

        举例

          姓名:

         

         

          密码:

         

        21.文本域支持多行文本输入

        语法

          rows="行数"cols="列数">文本

        1结束。

        2cols :多行输入域的列数

        3rows :多行输入域的行数

        4、在标签之间可以输入默认值

        举例

                联系我们

                在这里输入内容...

        22.单选框,多选框

        语法:

        "    name="名称"   checked="checked"/>

        1type:

           当 type="radio" 时,控件为单选框

           当 type="checkbox" 时,控件为复选框

        2value:提交数据到服务器的值(后台程序PHP使用)

        3name:为控件命名,以备后台程序 ASP、PHP 使用

        4checked:当设置 checked="checked" 时,该选项被默认选中

        ps:同一组的单选按钮,name 取值一定要一致

        23.下拉列表框

        1、value

        2selected="selected"

        设置selected="selected"属性,则该选项就被默认选中。

        24. 下拉列表框多选

        下拉列表也可以进行多选操作,在id="male" />

         

         

         id="female" />

         

         id="email"placeholder="Enter email">


        你可能感兴趣的:(前端)

        标题文本