html学习笔记一

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的符号实体 &copy；//分号不要忘记

<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>&copy; ¥ &reg;</font>-----------------</br>

</body>
</html>

html经常使用标记—超链接

<a href = 'Url'>XXXX</a>

<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是能够连接到外面的