Day01|Day01 html笔记

-html后缀是 .html.htm
**直接通过浏览器可以运行
-代码
**这是我的第一个html程序!


*html的规范(遵循)
1.一个html文件开始标签和结束标签
-定义一个java方法{}
2.html包含两部分内容
(1) 设置相关信息
(2) 显示在页面上的内容都写在body里面
3.html的标签有开始标签,也有结束标签
-
4.html的代码不区分大小写
5.有些标签,没有结束标签,在标签内结束
-比如换行



*html的操作思想(**********)
网页中有很多数据,不同的数据可能需要不同的显示效果,这个时候需要使用标签把要操作的数据
包起来(封装起来),通过修改标签的属性值实现标签内数据样式的变化。
一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性,就可以实现容器
内数据样式的变化。


html常用的标签
2.文字标签和注释标签
*文字标签:修改文字的样式
-
-属性:
*size:文字的大小取值范围1-7 ,超出了7,默认还是7
*color:文字的颜色
-两种表示方式
**英文单词: redgreenblue...
**使用16进制表示 #ffffff:RGB
--通过工具实现不同的颜色#66cc66


*注释标签
-Java注释几种?三种
-html的注释:

3.标题标签,水平线标签和特殊字符
*标题标签
-...
-从h1到h6大小依次变小,同时会自动换行
*水平线标签
-
-属性
**size:水平线的粗细取值范围1-7
**color:颜色
-代码

*特殊字符
-想要在页面上显示这样的内容:是网页的开始!
-需要对特殊字符进行转义
* <<
* >>
* 空格 
* &&


4.列表标签
比如现在显示这样的效果
XX大学
财务部
学工部
人事部
**

:表示列表的范围
**在dl里面
:上层内容
**在dl里面
:下层内容
-代码

传智播客

财务部

学工部

人事部




-想要在页面上上显示这样的效果
1.财务部
2.学工部
3.人事部


a.财务部
b.学工部
c.人事部


i.财务部
ii.学工部
iii.人事部


**
    :有序列表的范围
    --属性 type :设置排序方式 1(默认)ai
    **在ol标签里面
  1. 具体内容

  2. -代码

    1. 财务部

    2. 学工部

    3. 人事部


    --想要在页面上显示这样的效果
    特殊符号(方框)财务部
    特殊符号(方框)学工部


    **
      :表示无序列表的范围
      --属性:type:空心圆circle实心圆disc 实心方块square默认disc
      在ul里面


    • -代码

      • 财务部

      • 学工部




      5.图像标签(*******)
      *Day01|Day01 html笔记
      文章图片



      ***使用框架标签的时候,不能写在body里面,使用了框架标签,需要把body去掉


      *//把页面划分成上下两个页面
      //上面的页面
      //把下面部分划分成左右两部分
      //左边的页面
      //右边的页面




      *如果在左边的页面超链接,想让内容显示在右边的页面中
      -设置超链接里面的属性target值设置成名称
      -超链接1


      15.a标签的扩展(了解)
      -百度是网络资源
      -当a标签里面访问网络资的时候,必须要加一个协议http: 表示一个网络的公开协议,
      如果加上http协议之后,自动识别访问资源是一个网络资源


      -当浏览器里面找到相关协议,首先看这个协议是不是公开协议http.
      如果不是公开协议,会去本地电脑找支持这个协议的应用程序。

        推荐阅读