慕课网笔记1 : 初识html标签

慕课网: HTML+CSS基础课程

html标签：

• 斜体 : 需要强调的文本
• 加粗 ： 需要加强的文本
  在

  标签内的自定义样式 ：span

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

标签中创建自定义的的样式

• 引用文本 ： 在html文本中添加双引号

• : 长文本的引用, 自带段落缩进。
• 
: 换行
•   : 一个标签就是一个空格（html代码中没有回车和空格双引号等等）

• ---

  : 添加水平横线
• 地址
  :在浏览器上显示的默认样式为斜体, 可以用css修改样式. 也可以在标签中间用标签添加邮件链接
• 代码语言: 注：如果是多行代码，可以使用

  标签

• 文字或代码段

  : 在其中的空格和会车将有效
• : 无序列表

    
这是列表

• : 有序列表.
• 表格 : 四个元素 table、tbody、tr、th、td

         // …：当表格内容非常多时，表格会下载一点显示一点, 
      //但如果加上标签后，这个表格就要等表格内容全部下载完才会显示。       
                      //…：表格的一行，所以有几对tr 表格就有几行。
         // ：表格的头部的一个单元格， 即表格表头。
          //  : 表格的 列
     
班级
    
     
学生数
     
平均成绩
…
           
   

     
一班
30
     
89
   
   

     
二班
     
35
     
85
   

• table标签可以添加CSS样式

Table 表格在没有添加 css 样式之前，是没有边框的

• table 的摘要和标题

1. 摘要 summary： 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
2. 标题 : 描述表格内容，显示位置在表格上方。

      
标题文本
     

            
…
   
    

• 标签 : 可实现超链接

 链接显示的文本

• 在新建浏览器窗口中打开链接

• 使用 a 标签链接Email地址 ：

Mailto后为收件人地址;cc 后为抄送地址
subject后为邮件的主题，body后为邮件的内容，
如果Mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的每一个都以“&”开头。下面是一个完整的实例:

例:Mailto:[email protected][email protected][email protected]&subject=主题&body=邮件内容

• 标签 : 图片

>1. src：标识图像的位置
  2. alt：指定图像的描述性文本，当图像不可见时（下载不成功 时），可看到该属性指定的文本；
 3. title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；
 4. 图像可以是GIF，PNG，JPEG格式的图像文件。