HTML基础加强

来源:互联网 发布:大数据 云存储 编辑:程序博客网 时间:2024/06/02 15:13
1.

什么是浏览器:解释和执行HTML源码的工具。

2.

什么是静态页面,什么样的页面是动态页面?

静态页面:htm,html(直接读取)

动态网页:asp,aspx,jsp,php(里面有代码请求时候执行代码生成html标签,把html发送给浏览器)

3

<html><head><title>彩票(和网页最相关的文字,容易被搜索引擎搜索到)</title></head><body bgcolor="orange">建议:1.编写html代码的时候所有标签都要小写。2.标签有开始,就必须有结束标签,除非该标签是自动关闭的。3.所有标签,如果有属性,那么属性的值一定要使用双引号引起来。</body></html>

4.

.doutype的相关知识点。保证同样的文档在不同浏览器下解析的规范。

5.

html标签 使用html标签的时候不要为了改变外观而随意使用html标签(改变外观使用css标签)要根据语义来使用html标签

6.

<h1>标签  当网页中需要使用标题时候用h标签。<body><h1>这是一个标题标签</h1><h2>这是一个标题标签</h2><h3>这是一个标题标签</h3><h4>这是一个标题标签</h4><h5>这是一个标题标签</h5><h6>这是一个标题标签</h6></body><br/> 之关闭标签  表示换行。回车换行无效。<p></p>  段落标签。<center></center>居中标签。<b></b><strong></strong>加粗 <u></u><em></em>倾斜的 <i></i>加下划线<font color=”” size=”” face=””></font>  设置字体的大小  颜色 字体<hr></hr> 水平线 color size width  可控制水平线的属性。Align  水平的对齐方式<pre></pre>  文字原样输出 

&nbsp 空格

<a>超链接  <a href=http://www.baidu.com target=”_self”(在自己打开)“_blank”在新窗口中打开>百度一下</a>

<img border=”图片边框的大小” scr=”照片路径” alt=”图片不能正常显示替换的文字”title=” 当鼠标放在图片上时候出现的文字” width=”设置图片的高” heigh=”图片的高”/>

7.

如何解决乱码问题  在head中声明:

<meta http-equiv="Content-Type" content="text/html;charset=gb2312"

这样就不会乱码了

8.

列表和表格

无序列表<ul><li>春</li><li>夏</li><li>秋</li><li>冬</li></ul>有序列表 <ol type=”1”><li>听到闹铃</li><li>睁开眼睛</li><li>关掉闹铃</li><li>继续睡一会儿</li></ol>

<table cellspacing=”单元格与单元格之间的间距” cellpadding=”文字与单元格边框之间的距离”><tr><td colspan=”跨多少个单元格”></td><td></td><td rowspan=”跨多少个行”></td> </tr></table>

今天暂时总结到这里。2016.11.23

0 0
原创粉丝点击