HTML基础加强

/ [随笔分类]HTML/CSS / 没有评论 / 207 浏览
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标签

 

<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

 

        </div>