学习笔记
html 超文本标记语言 Hyper Text Markup Language
浏览器内核 safari 内核 webkit 国产一般内核webkit/blink
web 标准
结构(输入内容 核心) 表现(外观 修饰效果) 行为(交互效果)
结构写 html 表现写css 表现写java
html
语法规范
1 尖括号包围的关键词 〈html〉
2 双标签 第一个开始标签 第二个结束标签
3 特殊标签 单标签 〈br/〉
标签关系
包含关系 〈head〉 〈title〉
并列关系 〈head〉 <body>
基本结构标签
html 根标签(最大的标签)
head 文档的头部
title 文档的标题
body 文档的主体
开发工具....
docyipe 最新html5显示页面 写到第一行 属于声明标签
lang 定义网站语言 en英文 zh-CN中文
常用标签
标题标签<1>-<6>
<h1>我是一级 标题</h1>
段落标签 <p> paragrapgh</p>
<br/>换行标签 没有缝隙 对比行标签(单标签)
文本格式化标签
加粗文字<strong> </strong> <b> </b>
倾斜<em></em><i></i>
删除线<del></del><s></s>
下划线<ins></ins><u></u>
常用标签
(无语言 布局页面 )
<div></div>
<span></span>
图像标签和路径
<img src="图像url"/> src必须属性 单标签
alt替换文本 <img src="图像url" alt=“”/>
title 提示文本 鼠标放到图像上 提示的文字 <img src="图像url" alt=“” title=“” />
width 图像宽度 <img src="图像url" alt=“” title=“” width=“500 ” />
height 图像高度<img src="图像url" alt=“” title=“” width=“500 ” height= “100” />
border 图像边框 <img src="图像url" alt=“” title=“” width=“500 ” height= “100” border=“ 15” />
以上均已空格分开 不分前后 属性=“属性值”
路径
(铺垫)
目录文件夹 普通文件夹
根目录 打开目录第一层
相对路径
同一级 符号空格 <img src="img.jpg"/>在同一目录
下一级 符号 / <img src="images/img.jpg"/>
上一级 符号 ../. <img src="../img.jpg"/>
绝对路径 <img src="c:\users\apple\desktop\img.jpg" />
超链接标签(重点)注意路径
外部链接
<a > </a>
打开方式 target 默认_self 在当前页面 _blank另开一个窗口
<h4>1.外部链接</h4>
<a href=" http://www.qq.com" (另开一个窗口)target="_blank">腾讯</a>
内部链接
< a href="gongsijianjie.html">公司简介</a>
空链接
<a href="#">公司地址 </a>
下载地址
<a href="img.zip">下载链接</a>
网页元素链接
<a href=""http://baidu.com"><img src="img.jpg"/> </a>
锚点链接
href属性中 为属性值为#名字
<a href="#live"> 个人生活</a>
<h3 id="live"> </h3>
注释标签
<!--我想喝手磨咖啡--> 快捷键 command +/ 不显示到页面 助于阅读和理解
特殊字符
空格 &nbst;
大于号 >;
小于号 <;