2019/7/13日 周六 追忆HTMLday1
<html>
<head>
<title>
小智加油
</title>
<body>
我制作的第一个网站
</body>
</head>
</html>
基本骨架
代码标签
图片标签<img>
双标签<body>标签开始部分
</body>标签结束部分
单标签<br />
嵌套关系 并列关系
工具软件不是问题 关键是自身的技术
排版标签
1.标题标签<h1>标题</h1> 最大
2.段落标签<p></p>
3.水平线标签<hr />
4.换行标签<br />
5.div span 标签 无语义化
6.文本格式标签 <b></b>或者<strong></strong>加粗体
<i></i>或者<em></em>斜体
<s></s>或者<del></del>加删除线
<u></u>或者<ins></ins>加下划线
b i s u只有修饰使用没有强调的意思
stong en del ins 语义更强烈
标签属性
<标签名 属性1="属性1数值" 属性2="属性2数值" > 内容 </标签名>
在上面的语法
1.标签可以拥有多个属性 标签名后面为标签内部
2.属性之间不分前后顺序 标签名 属性 属性之间用空格隔开
3.不表明的属性为默认值
图像标签
image 标签属性 (单标签)
<img src="图像URL" />
1.基本图像插入方式
<img src="dog.jpg"><br>
2.带有alt 的图像 》<br>
<img src="无法显示.jpg" alt="这是我的大头贴">
3.带有title 的图像
<img src="dog.jpg" title="鼠标悬停试试">
4.带有宽度的图像
<img src="dog.jpg" width="500" height="200">
5.带有边框的头像
<img src="dog.jpg" border="10">
链接标签
<a href="跳转目标" target="目标跳转方式">文本或图像</a>
href (Hypertext Peference )用于指定目标的url地址 当为标签应用herf属性时 他就拥有超链接的功能
target 用于指定链接页面的打开方式 其取值self 和-blank 两种 其中self 为默认值 -blank为新窗口打开方式
注意!!!
1.外部链接 需要添加网址
2.内部链接 直接链接内部的文件名字即可 后缀名也要加上
3.如果你没有确定目标链接的时候 可以用#代替 表示暂时链接为一个空链接
4.不仅可以创建文本超链接 在网也上的各种元素都可以添加超链接
base 标签 单标签 img br hr base
<head>
<base target="-blank">
</head>
所指的是body 里面所有网址都是以新窗口的方式打开
特殊字符 记住一些常用的 空格键   小于号< < 大于号> >
相对路径
1.文件和HTML文件位于同一文件夹 只需要输入图像文件的名称即可 如<img src="log.gif"
2.文件位于html文件夹夹得下一级 之间用“ / ”隔开
3.图像位于html的上一级的时候时 之间有“ ../ ” 隔开
相对路径
就是文件的上面框里面的地址 点击图片的属性就可以直接到达 或者直接接入网址就可以