html笔记

1. HTML的简介

2. HTML: 超文本标记语言,网页语言。超文本标记语言:超出文本的范畴。

标记:HTML所有操作都是通过标签实现的。标签就是标记。<标签>

HTML的后缀.htm 或者.html 。

HTML规范:开始<html>结束</html>。成对出现。特殊的标签单个出现<br/>换行。

内容:1.<head>设置相关内容</head> <title>标题</title>

      2.<body>显示在页面上的内容</body>

      3.标签成对出现<head></head>

      4.标签不区分大小写。

第 1 页

      5.有些标签没有结束标签,在标签内结束,<hr/>水平线。                            

1、标记、标签、元素:对事物的标记,在HTML中就是用书名号和字母来表示某些内容。

1.1标记一般都有一对来表示<标记></标记>。

1.2属性:标签所对应内容的一些特征。

    1.2.1使用:<标签 属性名=”属性值”>

2、超文本:网页上除了文字以外的图片、动画、视频、超链接。

2.1超链接能够跳到其他网页的文字。

3、标记语言:计算机语言,人机沟通的工具。

4、第一个网页

4.1<!doctype html>表示把HTML文件内容当做HTML来处理。

<html>

4.2<head>负责头部的处理:负责网页的头部:设置网页的基本信息,标题,编码等。aq

4.3<title>设置网页的标题。

4.4<body>指网页的主体部分,网页所展示内容均放在<body></body>之间。

4、常用HTML标记

  4.1 文字:直接写在body标签中。

  4.2<font>给文字设置样式。

     4.2.1颜色:color属性

     4.2.2大小:size 属性 范围:1~7

     4.2.3字体:face属性

  4.3<a>超链接:可以跳转其他网页。

     4.3.1 href属性:要跳转网页的地址。

  4.4<img>:显示图片

     4.4.1 src属性:指定显示图片的地址。地址可在网络中复制。

     4.4.2对其属性:

  4.5主体body:

     Bgcolor属性:设置网页的背景颜色

5、HTML注意点:

5.1一对开始标签和结束标签之间不仅可以放文字还可以放其他的东西。

6、HTML特殊符号: 

 6、实现网页大致步骤:

  7.1先对页面进行分析

  7.2画出网页的线框图

  7.3实现网页的框架

  7.4填充网页内容

  7.5细节调整

 

                     页面布局

  8.1 表格

     8.1.1table标签:声明这是一个表格,通常我们会使用里面的属性来设置表格的特征

          8.1.1.1 border属性:设置表格的边框

          8.1.1.2width属性:宽度

          8.1.1.3 height属性:高度

          8.1.1.4bgcolor属性:背景颜色,优先级table<tr<td

          8.1.1.5 align属性:设置整个表格的对齐方式,center表居中。

     8.1.2 tr标签:表格中的一行

         8.1.2.1align属性:设置单元格内容的对齐方式。

         8.1.3 colspan:合并处于同一行的单元格,删除多余的

                rowspan:合并同一列的单元格

  8.2 css盒模型

 

 

补充:

1、中文乱码

  1.1页面上<head>标签添加<meta charset=”UTF-8”>

  1.2 文件本身编码格式。

2、点击颜色小方块可选择颜色,也可使用取色器取色

3、html中的border标签和CSS中不同,前者为内容属性,后者只为id所在标签属性。

 

 

1、地址:绝对地址和相对地址

 1.1 绝对地址:http://和file:///无论HTML文件在哪里都能直接打开的路径。

 1.2 相对路径:相对HTML文件或当前页面其他文件所在目录的路径,/表示下一级目录,../表示上级目录, ../../表示上级目录的上级目录。

2、表格:<table>,<tr>行,<td>单元格,<thead>标题栏行数,<th>标题栏单元格(可与<td>混用)

   2.1 cellspacing属性:设置表格内部单元格之间的距离。

   2.2 cellpadding属性:设置单元格与文字内容的边距。

3、H1~h6,一级标题,二级标题,三级标题........................

4、P,段落标签,自动缩进

5、Br,强制回车,一个标签换一行换行。

 

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值