html学习笔记一
2014-10-18 01:51
197 查看
PS:在学Java基础的同时,学点html,渣渣不会的东西太多了。。。抓紧学啊
网页设计:html+css+javascript
作为程序员必须了解 html、css、javascript
网页设计是web开发的重要组成部分
html:是一种标记语言,主要用途是开发网页,使用html可以展现文字、图片、视频、声音....
html是web开发(网页开发)的基础
网页设计师(html+css+javascript+美工)
W3C是制定web(html,xml,css,xthml)的标准机构
html的运行原理:
1,本地运行(hello.html -> 用浏览器打开即可)
2,远程访问运行(html文件没有放在本地,而是放在远程服务器)
要保证html文件放在服务器里,而且要让其他人访问到
在%100的情况下(除了自己测试),基本上远程访问html文件
可以用tomcat服务器,体验
html的基本结构:
不管这个html文件多复杂,其基本结构式
<元素 属性 = 属性值 ... >内容。。。</元素>
如果没有内容:<元素 属性 = 属性值 ... />
PS:元素就是标记,元素的属性可以有多个
html元素的属性
每个元素都有多个属性,每个属性有自己不同的属性值栏修饰,从而达到不同的显示效果
Html_Demo1:
html符号实体
在网页上显示一些特殊的符号,我们需要使用html的符号实体,也可以叫做字符实体
为网页上显示版权符号,我们就需要使用html的符号实体 ©;//分号不要忘记
html常用标记—超链接
<a href = 'Url'>XXXX</a><!--字体的大小颜色下划线是可以修改的:通过CSS-->
由此:href是可以连接到外面的
网页设计:html+css+javascript
作为程序员必须了解 html、css、javascript
网页设计是web开发的重要组成部分
html:是一种标记语言,主要用途是开发网页,使用html可以展现文字、图片、视频、声音....
html是web开发(网页开发)的基础
网页设计师(html+css+javascript+美工)
W3C是制定web(html,xml,css,xthml)的标准机构
html的运行原理:
1,本地运行(hello.html -> 用浏览器打开即可)
2,远程访问运行(html文件没有放在本地,而是放在远程服务器)
要保证html文件放在服务器里,而且要让其他人访问到
在%100的情况下(除了自己测试),基本上远程访问html文件
可以用tomcat服务器,体验
html的基本结构:
<html> <head> <title>我的第一个网页</title> </head> <body> 这是我的 <font size = 7 color = red >Hello,World!</font> <!--7就代表字体最大了8,9...和7一样大,如果就是想变大,CSS是这样写的:--> <!--<font style = "font-size:300px" color = red >Hello,World </font>--> </body> </html>
不管这个html文件多复杂,其基本结构式
<元素 属性 = 属性值 ... >内容。。。</元素>
如果没有内容:<元素 属性 = 属性值 ... />
PS:元素就是标记,元素的属性可以有多个
html元素的属性
每个元素都有多个属性,每个属性有自己不同的属性值栏修饰,从而达到不同的显示效果
Html_Demo1:
<p>段落标记</p> <font size = "">字体标记</font> size = 取值1-7 <h#>标题字体</h#> # = 1-7 <b></b> 字体加粗
<html> <!--head是指文件头部分--> <head> <title>我的</title> <b><h1> 第一行</h1></b> </head> <body> <!--html的内容是放在body体中--> <p><font color = red >第二行</font></p> <!--红色等不满足要求,可以截取颜色的软件得到其16进制 #+16进制--> <font color = #0269FE size = 6 >第三行</font></br><!--</br>是换行--> <b><h2>第四行</h2><b> </body> </html>
html符号实体
在网页上显示一些特殊的符号,我们需要使用html的符号实体,也可以叫做字符实体
为网页上显示版权符号,我们就需要使用html的符号实体 ©;//分号不要忘记
<html> <!--head是指文件头部分--> <head> <title>我的</title> <b><h1>第一行</h1></b> </head> <body> <!--html的内容是放在body体中--> <p><font color = red >第二行</font></p> <!--红色等不满足要求,可以截取颜色的软件得到其16进制 #+16进制--> <font color = #0269FE size = 6 >第三行</font></br><!--</br>是换行--> <b><h2>第四行</h2><b> ------------<font size = 6>© ¥ ®</font>-----------------</br> </body> </html>
html常用标记—超链接
<a href = 'Url'>XXXX</a><!--字体的大小颜色下划线是可以修改的:通过CSS-->
<html> <head> <title>超链接演示</title> </head> <body> <p><font size = 6 color = red >歌名</font></p> <!--target目标 ,默认是_self:在本页面显示 _blank在新也页面显示 --> <a href = 'html_2_1.html' target = "_blank">光辉岁月</a></br> <!--字体的大小颜色下划线是可以修改的:通过CSS--> <a href = "http://www.baidu.com" target = "_blank">百度</a></br> <a href = "mailto:qingchun_qidoan@163.com">发邮件</a><br/><!--前提配置OutLook--> </body> </html>
由此:href是可以连接到外面的
相关文章推荐
- HTML语言学习笔记之四
- HTML学习笔记
- HTML and CSS 学习笔记-第13章 深入探讨样式表格式化
- HTML学习笔记:图像标记
- html学习笔记
- HTML学习笔记:链接标记
- HTML 简介(学习笔记一)
- HTML学习笔记:表单标记
- [学习笔记]HTML 5的元素
- Struts学习笔记: Html标签库学习(Form标签)
- HTML 学习笔记
- HtmlTextWriter学习笔记
- Struts学习笔记: Html标签库学习(Form标签)
- HtmlTextWriter学习笔记
- HTML语言学习笔记之二
- HTML语言学习笔记之三
- Struts学习笔记: Html标签库学习(Html基本标签)
- lucene学习笔记 (转载:http://www.cnblogs.com/bysshijiajia/articles/1237466.html)
- HTML 学习笔记(1)
- Servlet学习笔记(三)-----用HTML页面访问Servlet