html课堂笔记(二)

html课堂笔记(二)

[第一节课笔记]

HTML超文本标记语言
1,通过.txt格式(记事本)打开
2,可以通过网页的形式打开

单标签
<标签名/>   /表示结束

双标签
<标签名>   </标签名>
开始标签   结束标签

弱类型语言  (没有那么强的规范,即使写错了,也可能会把你写的效果显示出来)

w3c(万维网)美国的一个民间组织

浏览器(学web用到的浏览器)>>(五款浏览器都要安装)
(谷歌浏览器)
(IE浏览器)
(火狐浏览器)
(欧朋浏览器)
(苹果浏览器)
这五款都是自带内核解释器 自主研发

html基本格式
<html>  编码 关键字 标题
<head>
<title>
写标题
</title>
</head>
<body>

(写网页的内容)
</body>
<HTML>

注释标签
<!--注释内容-->
1不要的标签注释掉

换行标签<br/>
分割线<hr/>
body内部标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
数字越小,字体越大  加粗 自动换行
块级元素(独立占一行,不需要<br/>

标签
段落标签<p>  </p>(文本添加在p标签内)
<b></b>  加粗<strong>  </strong>
<i></i>  斜体<em>   </em>
<ins></ins> 下划线
<del></del> 删除线
<sup></sup> 下降
<sub></sub> 上升

属性(一定要依附于标签里面)
html属性
格式   属性名="属性值"
<p 属性名="属性值" 属性名="属性值"></p>
color="颜色"
颜色分为两种
1英文单词
2#XXXXXX
align="left(默认值) center(居中)right(居右) "水平位置
属性和属性之间用 空格 分隔

css属性
格式  style="属性名:属性值;属性名:属性值"
style="color:颜色;font-size:XXpx"(字体颜色,字体大小)
<body text="颜色">    |都可以改变字体颜色
<font color=""></font>|
属性和属性之间用空格分隔(不管是html属性和css属性)
css属性之间用;分隔

实体引用(有一些符号不能直接引用,就需要用实体引用)
<  &lt;
>  &gt;
"" &quot;
空格 &nbsp;

[重点]***
链接
标签<a href="链接地址">连接点(鼠标可以点击的地方)</a>
链接地址分为两种
1网址
打开方式    target="_self默认值 覆盖  _blank新建页面打开   自定义 在指定窗口打开"

2本地链接
路径
绝对路径
从底层出发到目标文件的这段路径
1,找到你的目标文件在哪
2,复制当前路径并粘贴到代码中
3,在当前路径后面添加目标文件的名字(全称)

相对路径
从自身出发到目标文件的这段路径
同一文件夹>直接写名字
同一文件夹下子文件夹>文件夹名字\文件名字
不同文件夹>../(返回上一级)
锚点
1,创造一个锚点(选择位置)
<a name="top"></a>(这个地方不写)
name属性 就是给你这个锚点取个名字
2创造一个和这个锚点相对应的链接
<a href="#+name的属性值">TOP/回到顶点</a>

李东辉

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: