HTML常用标签 CSS基础

HTML常用标签

1.文本标签

• <hn>...</hn>标题标签，其中n为1–6的值。
• <i>...</i>斜体
• <b>...</b> 加粗
• <strong>...</strong> 强调加粗
• _... 下标 ^... 上标
• <del>...</del> 删除线
  

 2.格式化标签

• <br>换行
• <p>...</p> 段
• <hr >水平分割线
• <ul>...</ul> 无序列表
• <ol>...</ol> 有序列表 
• <li>...</li>列表项
• <dl>...</dl>自定义列表
• <dt>...</dt>自定义列表头
• <dd>...</dd> 自定义列表内容
• <div>...</div> 用于组合块级元素，以便通过 CSS 来对这些元素进⾏行行格式化

• <span>...</span> 行内标签，用来组合行内元素

• 

   

   

 3.图片标签

 文本中插入图片，用img标签，这是一个单标签，属性如下

• src：图片名及url地址
• alt：图片加载失败时的提示文字
• title：文字提示属性
• width：图片宽度
• height：图片高度
• border：边框线宽度

 

• 相对路径与绝对路径 

       相对路径：就是相对于当前文件的路径 

                         "./"代表当前文件目录

                         "../"代表上级文件目录

       绝对路径： 就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的                           “E:\img”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\img\bg.jpg"

4.超链接标签 

   a标签属性 

• href     链接跳转地址
• target     表示链接的打开方式：
  • _blank 新窗⼝
  • _parent 父窗⼝
  • _self 本窗⼝（默认）
  • _top 顶级窗⼝
• framename  窗⼝名
• title    文字提示属性
• 

5.表格标签 

• 
• border：设置边框
• cellspacing：设置单元格与单元格之间的距离
• cellpadding：设置文字与单元格之间的距离
• align：设置表格在网页中的对齐方式
• bgcolor：设置背景颜色
• rowspan：属性规定单元格可横跨的行数
• colspan ：属性规定单元格可横跨的列数

 

CSS基础

1.CSS用法

2.CSS应用方式  

• 内部样式
• 也称为内嵌样式，在页面头部通过style标签定义对当前页面中所有符合样式选择器的标签都起作用
• 行内样式

• 也称为嵌入样式，使用HTML标签的style属性定义

  只对设置style属性的标签起作用

• 外部样式
• 使用单独的.CSS 文件定义，然后在页面中使用 link标签 或 @import指令 引入
• （type属性可省略）
• 
   

3.选择器  

• 标签选择器（也称为元素选择器，使用HTML标签作为选择器的名称）
• 类选择器（自定义名称，但不能以数字开头，以.   作为前缀，然后再通过HTML标签的class属性调用类选择器，调用时不能加.   ）
• ID选择器（自定义名称，以 # 作为前缀，然后通过HTML标签的id属性进行名称匹配）