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文件没有放在本地,而是放在远程server)
要保证html文件放在server里,并且要让其它人訪问到
在%100的情况下(除了自己測试)。基本上远程訪问html文件
能够用tomcatserver,体验
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是能够连接到外面的