html学习笔记一

最新推荐文章于 2024-05-21 10:17:14 发布

u013497151

最新推荐文章于 2024-05-21 10:17:14 发布

阅读量2.4k

点赞数

分类专栏： Learn_Web

本文链接：https://blog.csdn.net/wjw0130/article/details/40201765

版权

Learn_Web 同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

HTML + CSS

8 篇文章 1 订阅

订阅专栏

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>
<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是可以连接到外面的