HTML-CSS基础学习笔记

HTML

1. HTML文件结构


    ...
    ...

  • 称为根标签,所有的网页标签都在中。
  • 标签用于定义文档的头部,它是所有头部元素的容器。

    ... // 显示网页的标题信息
     
    
    
    

  • 在和标签之间的内容是网页的主要内容,如 h1, p, a, img 等网页内容标签。

2. 标签

  • p标签:段落标签,显示段落文字,常用于文章正文中
  • h标签:h1-h6代表不同大小文字的标题
  • strong: 加粗文本, em: 斜体文本
  • span:设置单独样式的文本, 例如设置蓝色字体

  • q标签:引用文字,显示为添加引号
  • blockquote标签:长文本引用标签,单独形成一段
  • br:换行标签
  • hr:分割线
  •  : 文本中添加空格
  • address:地址标签,用于地址,邮件等
  • code标签:代码标签,用于显示代码
  • pre:显示多行代码
  • ul-li:无序列表
  • ol-li:有序列表
  • div:容器
  • talbe:表格标签
班级 学生数 平均成绩
一班 30 89
二班 35 85
  • caption:为表格添加标题
  • a:链接标签,在新页面中打开链接添加 target="_blank", 如果是链接到邮箱,在href内容中添加 mailto,添加subject邮件主题,body邮件内容

对此影评有何感想,发送邮件给我
  • img:图片标签,src 可以是本地文件也可以是网址
![](http://upload-images.jianshu.io/upload_images/2992566-889e7e083b9825b8.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 
  • form:表单 / 下拉列表框
/// 传送方式为post/get, action:浏览者输入的数据被传送到的地方,比如一个PHP页面

所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 标签之间

  • input:由type决定形式
        
账户:
密码:

表单中添加标签:


  • textarea:多行文本输入
  • selected-option: 选择框,默认为单选,添加mutible是为复选框

//  复选框用这个: