1、HTML:hyptext markup language的缩写,超文本标记语言。
2、我们在学习任何一门技术的时候,都要去查相应的文档,HTML的文档就是
w3c school ( w3c万维网联盟,1994年)
3、我们学习的html、css、javascript都是万维网维护的
4、HTML的后缀名是.html、.htm
5、HTML的标签大体可以以分为单标签、双标签。
单标签:<br /> <hr/>换行
双标签:<a href=”www.baidu.com’></a>
属性:属性值单双引号都可以
6、IDE(集成开发环境--- integrated development environment) 工具:webstorm、三剑客、MyEclipse
7、<!-- 注释内容 -->
常用标签:
1、<p>段落标记</p> 段前段后都会有一行空白行。
2、字体标签
最常用的 是 font, h1到 h6.
3、特殊标签:用来显示特定符号的
4、列表标签:有序(ol)、无序(ul)、自定义列表(dl)
Ol:
Ul:
Dl:
5、图像标签(重要)
6、表格标签(较重要)
<!-- 每写一个 tr表示一行, 每写一个 td表示一列
在table 中可以添加属性去控制表格的显示样式:
例如: 可以设置 border 设置边框, 通过 width设置宽度, height设置高度....
最基本的最重要的表格元素, table, tr, td
cellspacing="15", 设置相邻的两个列之间的外部间隔的距离
cellpadding="25", 设置 数据到边框的内举例
盒子模型:
7、超链接(重要):即一个入口,点击它,就可以跳转到另外一个页面。
href属性用于指定跳转到的目标页面.
target: 翻译过来表示目标, 是用来设置跳转到目标页面的时候是如何跳转的
没有设置 target的默认值, 那么就是 _self , 表示跳转到目标页面的时候,就在当前页面
直接跳过去, 那么会覆盖当前的已经打开的页面
_blank, new 都表示在新的窗口中去打开目标页面 . ---- 这个值是最最常用的 .
<!-- 通过 ? 拼接参数 , 带参数过去, 当 需要带多个参数时 ,可以使用
& 符号拼接
例如 : 1.html?id=5&name=hh
-->
添加锚点的步骤:
1. 在a标签中添加 name和 id, 设置锚点
2. 通过 href属性 #name或者 #id的值可以跳到锚点所在的位置
应用场景: 很多网站一个页面比较长, 那么拖到底部希望快速回到顶部时就可以这样.
8、表单标签:
10、其他标签(了解)
作业:
1、使用font标签模拟 google的logo。
2、练习img标签,在页面上嵌入图片
3、练习表格标签,完成联系人信息的展示成联系人信息的展示
4、练习超链接标签,完成访问新浪,百度,黑马程序员网站的导航 , 在新的窗口中去显示
6、使用form标签结合input等标签完成一个注册页面,并对页面进行简单格式化 --- (复杂的表单)
相关推荐
这是我学习html前端的总结文档系列一,包括sublime的快捷键和一些html的基本标签例子。
自己总结的html的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者
北大青鸟 accp 5.0 S1 HTML总结 PPT
HTML总结思维导图,HTML总结思维导图
HTML总结.xmind
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。 请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。 注释:浏览器会自动地在标题的前后添加空行。 ...
HTML总结思维图,总结这四天我们学过的知识
html总结.docx html总结.docx html总结.docx
HTML基础知识,适合于软件工程专业初学者; 文档学完,可编写静态的前端页面; 文档可做复习文档使用,效果不错的哟
html总结 网页基础知识 HTML文件结构 网页属性 字体 HTML颜色 阅读 段落等等
HTML总结.txt 让我们更好的总结这门课程请大家仔细阅读 请大家多多支持
根据w3c的HTML学习精心总结 w3c的HTML总结 HTML学习资源
html常用标签总结,包含各种表单标签 1.表单:<form></form> 主要属性:id name action method 2.input元素: 主要属性:name type value class type: text submit button radio checkbox hidden...
一些html主要的知识点,都是自己写的,有点零乱,勿怪。
这是一个关于html总结的东西,比较全面,传上来给大家分享下
北大青鸟s1html的总结
html语法总结html语法总结html语法总结html语法总结html语法总结html语法总结html语法总结html语法总结
对html的总结,帮助更多的人理解html,里面总结html常用的知识
自己做的目录和总结 请大家下载 多多支持 谢谢