视频笔记
HTML：超文本标记语言
双标签：
-
<html></html>:超文本标签，规定了在标签内的文本为超文本。
-
<head></head>:网页头标签，用来定义网页头。
-
<title></title>:网页标题标签，用来定义网页标题。
-
<body></body>:网页主题标签，网页内容全部包含在body内。
- 属性：bgcolor="背景颜色（英语/#6位16进制数#RGB）"
六位数，两位表示一个颜色，R代表red红色；G代表green绿色；B代表blue蓝色。
一般表示00~FF 不同的值代表的是不同的颜色配比。
例如：#FF0000 代表红色为F，绿色为0，蓝色为0
和 #00FF00 代表绿色；#0000FF 代表蓝色
使用工具：
1.在线颜色选择器
2.RGM颜色查询对照表
backgroung="背景图片"
<body bgcolor="#0000FF" backgroung="abc.jpg">
</body>
结果显示：
图片设为背景色的实际情况
设置为页面背景颜色为蓝色，背景图片为abc.jpg，此时图片为多个图片平铺在页面上。如果想一张图片平铺在背景页面上，需要将body加上style属性。
<body background="div-1-1.png" style=" background-repeat:no-repeat ;background-size:100% 100%; background-attachment: fixed;"
>
</body>
结果显示：
设置100%之后的实际情况
实验结论：如果全部设置为100%图片的画面会被改变，这需要一定的图片大小，足够支撑整个页面。背景size是可以改变大小的，用百分比进行调节就可以。
-
<h1></h1>~<h6></h6> 标题标签
-
<font> </font> 字体标签
属性： size(字体大小);color（字体颜色）;face（字体类型）
查看字体类型方法：个性化设置-控制面板-字体
打开后里面显示很多很多字体，可以输入中文英文进行切换的变化。
一些特殊符号：用&进行编写
例如：
空格（ ）
双引号（"）（“”）
小于号（<）（<）
大于号（>）(>)
版权号（©）(©)
工具：HTML特殊符号速查表
-
<p></p>段落标签
属性：align 对齐（正常默认左对齐）
<p align="right"> 右对齐</p>
<p align="center"> j居中</p>
<p align="left"> 左对齐</p> -
<ul></ul> 无序标签; <ol> </ol> 有序标签；<li></li>列表项
属性：
type“列表样式”
start 列表起始值
有序列表中：
type="A" 代表英文大写，
type="a" 代表英文小写，
type="Ⅰ"代表罗马数字大写，
type="ⅰ"罗马数字小写
type="1"阿拉伯数字（默认）
无序列表中属性：
type="square" 方格黑色
type="cycle" 黑色圆点
type="circle"空心圆圈
type="dise"默认格式（黑色圆点）
<ol start="4" type="A">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
显示如图：
有序列表从英文字母第四项D开始的英文大写序号标签
<ul start="4" type="circle">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
图像显示：
空心圆圈无序列表
<ul start="4" type="disc">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
图像显示：
disc无序列表
<ul start="4" type="square">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
图片显示：
square无序列表显示
<ul start="4" type="disc">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
图片显示：
默认无序列表
单标签：
-
换行标签
-
图像标签
属性 :
src(source)
width(宽)
height(高)
alt(图片不显示时候的文字)
title(光标处显示内容)
align(代表图片后面的文字的对齐方式，top,middle,buttom)
关于p标签和img标签中align的对比
<img>中代表图像后面文字的对齐方式
<p>标签中代表段落的位置
-
分割线标签
属性:
color(颜色)
width(宽 用px像素或者百分比表示)
size(粗细)px 关于size不同浏览器显示不同，搜狐浏览器显示的分割线就有圆弧，别的浏览器就是长条的。
关于width中像素px和百分比的区别
1.首先建议用百分比，因为会随着浏览器对话框的大小进行调整
2.百分比一直都是居中显示，比较方便，而像素px显示不会变化。
网友评论