0
点赞
收藏
分享

微信扫一扫

HTML笔记整理

infgrad 2022-02-24 阅读 52

看到前面笔记比较混乱这里再做整理

1.html简介

1.1.什么是html?

HyperText Markup Language:超文本标记语言,网页语言

  • 超文本:超出文本范畴,使用html可以轻松实现这样操作
  • 标记:html所有的操作都是通过标记实现的,标记就是标签,<标签名称>
  • 网页语言;

1.2.第一个html程序。

  • 创建Java文件.Java
    先编译,然后再运行(jvm)
  • html后缀是.html .htm
    直接通过浏览器就可以运行
  • 代码:
<font size="10" color="red">这是我的第一个HTML程序1!</font>

1.3.html的规范(遵循)

  1. 一个html文件开始标签和结束的标签 <html> </html>定义一个Java方法{}
  2. html包含两部分内容
    (1)<head>设置相关信息</head>
    (2)<body>显示在页面上的内容都写在body里面</body>
  3. html的标签有开始标签,也要有结束标签
    <head></head>
  4. html的代码不区分大小写
  5. 有些标签,没有结束标签,在标签内结束
    比如 换行 <br/>换行 <hr/>直线

1.4.html的操作思想(*****理解)

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

一个标签相当于一个容器,想要修改容器内数据样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。

2.文字标签和注释标签

2.1.文字标签:修改文字的样式

<font></font>

属性:

  • size:文字的大小 取值范围 1-7,超出了7,默认还是7
  • color:文字颜色(两种表达方式)
    ①英文单词:red green blue black white yellow gray…
    ②使用十六进制数表示#ffffff :RGB
    通过工具实现不同颜色 #66cc66

2.2.注释标签

Java注释几种? 三种
html的注释:<!-- 这是一个注释 -->

3.标题标签、水平线标签和特殊字符

3.1.标题标签

  • <h1></h1> <h2></h2> <h3></h3> ......<h6></h6>
  • 从h1到h6,大小依次变小,相同时会自动换行

3.2.水平标签

  • <hr/>

属性

  • size:水平线的粗细 取值范围 1-7
  • color:颜色

代码

<hr size="5" color="blue"/>

3.3特殊字符

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

     	 <		&lt;
     	 >		&gt;
     	 空格:&nbsp;
     	 &   :	&amp;
    
举报

相关推荐

0 条评论