菜鸟学习第十五天HTML常见属性标签

1.HTML（Hyper Text Markup Language）

1.后缀名 .htm或者.html
2.< html> < /html>外层
3.< head> < title>–标题–< /title> < body>–这是页面内容的展现–< /body> < /head>–head中引入一些脚本文件，css，或者规定一些页面标题
body中：
4.< h1>< /h1>第一个标题会自动加大加粗 < font color=“red”>< /font>指定颜色为红
5.< a href=“链接” target=“_blank”>内容< /a>可以打开指定链接，并指定下划线，href是Hypertext Reference的缩写。意思是指定超链接目标的URL。
< a> 标签定义超链接，用于从一张页面链接到另一张页面。
< a> 元素最重要的属性是 href 属性，它指示链接的目标。
< a> 标签的 target 属性规定在何处打开链接文档
值 描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档，name 属性是框架的名称，在a标签中使用这个name来指定我们声明的框架给定的name.如：
< frameset cols=“100,*”>
< frame src=“toc.html”>
< frame src=“pref.html” name=“viewframe”>
< /frameset>
那么在< a href=" " target=“viewframe”>
6.< table 属性> 表格，可以指定属性

<tbody>
 < tr>--表示行--
 < td>--内容--< /td>  表示一列
 < / tr>
  < tr>
   < td>    < b>内容< /b>  < /td>    < b>内容< /b>:给内容加粗
  < /tr>
  </tbody>
  < /table>表格

各种标签全称参考：
https://www.cnblogs.com/chaojiyingxiong/p/9791801.html
7.< br>< /br>换行

2.表单（form）

< form>< /form>
属性：
1.Text 文本输入框
< form>
username:< input type=“text”>< br> input 标签用于搜集用户信息。根据不同的 type 属性
值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
password:< input type=“password” >< br>
兴趣：学习< input type=“checkbox”> 复选框
旅游< input type=“checkbox”>
睡觉< input type=“checkbox”> < br>
性别： 男< input type=“radio” name=“gen”> 单选按钮 要让单选按钮变成互斥即2选1就给2个
女< input type=“radio” name=“gen”> 单选按钮指定同一name属性，使其在同一个组
学历：< select> 下拉框
< option>小学< /option> option指定下拉内容
< option>初中< /option>
< option>高中< /option>
< option>大学< /option>
< /select>
< /form>
2.textarea
< form>
评论：< textarea> 这是一个可以输入的文本框，可以指定属性
< /textarea>
图片：< img src=“地址”>< br> 显示图片
文件上传：< input type="file“”> 指定type为file上传框和按钮

< /form>
3.< p hidden>这个段落应该被隐藏。< /p> p是段落,hidden可以作为一个type，例如<input type="hidden name=“abc” value=“myname”>表示这个元素对于页面（客户端）是隐藏的，当我们提交表单时，这个hidden的name和value会提交给服务器，如果我们不用session来保存数据就需要用到这个。注意，我们要将value提交，而不是我们需要提交的数据的name。
4.按钮
submit提交页面刷新一次
reset恢复网页设置，基于内部属性
 表示一个空格，多个需要指定多个 
button 普通按钮
< input type=“submit” value=“提交”> < input type=“reset” value=“重置”>
< input type=“button”>

3.浏览器内核

Webkit（高速）, trident(微软IE内置) 双核浏览器是指包含这两种，可以以其中一种去解析网页
firefox浏览器中的firebug，有利于我们开发网页，搜索add到firefox之后在浏览器右下可以看见这个插件