1 HTML : 超文本标记 语言 ,即 HTML ( Hypertext Markup Language ),是用于 描述 网页文档的一种标记语言。可以显示图片、文字、视频等 input type=”text” name=”xxxx’ ?标记 == 元素 2 基本框架 html head/head body/body /html 3 HTML 运行原理 1
1 HTML:超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。可以显示图片、文字、视频等
?标记==元素
2 基本框架
3 HTML运行原理
1、 本地运行
直接用浏览器打开
2、 远程运行
架设服务器apache,可访问页面。
5 链接
6 图片
我的图片"/>
2013/4/12
第一个练习:
<!--HTML 注释我是HTML文件--> <title>第一个练习hello world!!</title> 2013 4 11晚21点17分,学习HTML,不知道自己能坚持学习多久,能学习多久! <a href="demo1.html">返回demo1.html</a>
第二个练习:
<title>这是HTML基础练习</title> <h1>我爱你,我的故乡</h1> <!-- b 加粗--> <b>无论身在何处</b><br> <font color="red">请不要忘记,故乡</font><br> <!--size = 1~7 --> <font color="blue" size="7">那是一个美丽的地方</font><br> <p>这是一个段落</p> 版权符号 <font size="7">© ¥</font> <a href="hello.html">hello.html</a><br> <!--URL 统一资源--> <a href="http://blog.csdn.net/jsh13417" target="window_name">我的博客</a><br> <!--图片--> <img src="D:%5C%E6%B8%B8%E6%88%8F%5C%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9%5C%E6%B7%B1%E5%9C%B3%E4%B9%8B%E8%A1%8C%5C109___12%5CIMG_0436.JPG" style="max-width:90%" alt="PHP自学之路" > <p><br> 效果图:</p> <p><img src="/inc/test.jsp?url=http%3A%2F%2Fimg.my.csdn.net%2Fuploads%2F201304%2F12%2F1365777377_4003.jpg&refer=http%3A%2F%2Fblog.csdn.net%2Fsjin_1314%2Farticle%2Fdetails%2F8795392" alt="PHP自学之路" ></p> <p> </p> <h3>7 表格</h3> <pre class="brush:php;toolbar:false"> <title> 表格练习 </title> <!-- <table align="center" height="100px" bgcolor="blue" border="3px" width="400px"> <tr align="center"> <td>11</td> <td>22</td> <td>33</td> </tr> <tr align="center" > <td>44</td> <td>55</td> <td>66</td> </tr> <tr align="center"> <td align="left">77</td> <td>88</td> <td>99</td> </tr>--> <!--练习-->
菜谱 | ||
素菜 | 清炒茄子 | 花椒扁豆 |
土豆丝 | 地三鲜 | |
荤菜 | 回锅肉 | 小炒肉 |
鱼香肉丝 | 大盘鸡 |
显示效果:
8 liebiao
<title> 列表学习</title> <h2>无序列表</h2> <!-- type disc circle square-->
效果:
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面
分为:垂直框架 cols=”30#,*”; 水平框架 rows="25%,50%,25%"> %数是页面占的%比。
下面具体事例:<!--frameset.html--> <title> frame 框架学习</title> <!-- 该页面用户保护其他页面 注意:该页面不能有任何文字及<body>体及内容--> <frameset rows="40%,*"> <frame src="../table.html"> <frameset cols="30%,*"> <frame name="frame1" src="a1.html"> <frame name="frame2" src="a2.html"> </frameset> </frameset>上面 feameset.html 用于显示其他页面,这个需要注意代码中的描述。
<!--a1.html--> <!--target 表示点击链接后显示在那个页面上--> <a href="1.html" target="frame2">项目1</a><br> <a href="2.html" target="frame2">项目2</a><br>
2、_self 表示替换本页面。
3、_top
4\_parent
另外就是像上面写的直接对应本例子中的名字frame2.
a2.html 是个空什么都没有
1.html,及2.html
本项目是针对公司系统产品进行的二次开发页面效果:
10 内联框架
<iframe src="http://www.baidu.com/" width="500px" height="300px"></iframe> <p>一些老的浏览器不支持 iframe。</p> <p>如果得不到支持,iframe 是不可见的。</p>
默认新窗口打开所有超链接设置加下面的语句就可以了