HTML学习笔记NO.1

HTML:是用来描述网页的一种语言超文本标记语言Hyper Text Markup Language不是编程语言,是一种标记语言新特性:用于绘画的canvas标签用于媒介回放的video和audio元素->视音频文件对本地离线存储的更好支持新的元素内容:如article、footer、header、nav、section新的表单控件:如:calender、date、time、email、url、search浏览器的支持:chrome、firefox以及Opera和IE9开发工具:常用:WebStorm、notepad++、Eclipse、text sublime、Dreamweaver等推荐:Intellij IDEA需要掌握的技能:HTML5 XHTML CSS3 JavaScript jQuery:jQuery-Ui jQuery-MobileHTML基础讲解:声明:<!DOCTYPE>html也有多个不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。这就是<!DOCTYPE>的用处不同版本的HTML有不同的HTML声明到HTML5直接使用:<!DOCTYPE html>常用标签属性:<h1>:align对齐方式<body>:bgcolor背景颜色<a>:target规定在何处打开连接通用属性:class : 规定元素的类名id : 规定元素唯一IDstyle : 规定元素的样式title : 规定元素的额外信息格式化:<b>粗体文本<big>大号字——html5过时通常使用css来代替<em>着重文字<i>斜体字<small>小号字<strong>加重语气<sub>下标字<sup>上标字<ins>定义插入字<del>定义删除字HTML5样式、连接和表格标签:<style>样式定义<link>资源引用—-如引入CSS样式属性:rel="stylesheet":外部样式表type="text/CSS":引入文档的类型margin-left:边距—-距离左边或者右边的距离三种样式表插入方法:外部样式表:reference link ->rel http refernece link ->href<link rel="stylesheet" type="text/css" href="mystyle.css">内部样式表:<style type="text/css">body{background-color:red}p{margin-left:20px}</style>内联样式表:<p style="color:red">连接属性及其使用:1、连接数据:文本连接图片连接2、属性:href属性:指向另一个文档的连接name属性:创建文档的连接3、imag标签属性:alt:替换文本属性width:宽height:高HTML表格<table>定义表格<caption>表格标题<th>表格的表头<tr>表格的行<td>表格的单元<thead>表格的页眉<tbody>表格的主体<tfoot>表格的页脚<col>表格的列属性HTML列表:<ol>有序列表<ul>无序列表<li>列表项<dl>列表<dt>列表项<dd>描述无序列表使用标签:<ul>、<li>属性:disc、circle、square有序列表使用标签:<ol>、<li>属性:A、a、I、i、start嵌套列表使用标签:<dl>、<dt>、<dd>HTML块:块元素:块元素在显示时,通常会以新行开始,如:<hl> <p> <ul>内联元素:内联元素通常不会以新行开始,如:<b> <a> <imag><div>元素:也被成为块元素,,其主要是组合HTML元素的容器<span>元素:是内联元素,可作为文本的容器HTML布局:div或者table来进行布局HTML表单:表单用于获取不同类型的用户输入常用标签:<form> 表单<input> 输入域<textarea>文本域<label>控制标签<fieldset>定义域<legend>域的标题<select>选择列表<optgroup>选项组<option>下拉列表中的选项<button>按钮

这个是以上知识点的实践练习源代码:点击打开链接 (新增)

走一个地方停一个地方。在我心里最美好的就是和你一起老在路上,

HTML学习笔记NO.1

相关文章:

你感兴趣的文章:

标签云: