HTML基础加强

简介: 1. 什么是浏览器:解释和执行HTML源码的工具。 2.   什么是静态页面,什么样的页面是动态页面? 静态页面:htm,html(直接读取) 动态网页:asp,aspx,jsp,php(里面有代码请求时候执行代码生成html标签,把html发送给浏览器) 3   彩票(和网页最相关的文字,容易被搜索引擎搜索到) 建议: 1.编写html代码的时候所有标签都要小写。
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

 

 

相关文章
|
前端开发
前端基础 - HTML框架集之FrameSet
前端基础 - HTML框架集之FrameSet
80 0
|
前端开发
前端基础 - HTML常用标签
前端基础 - HTML常用标签
44 0
|
3月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
43 1
前端基础(十七)_HTML5新特性
|
2月前
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
20 2
|
2月前
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
29 1
|
3月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
127 1
|
4月前
|
移动开发 前端开发 程序员
后端程序员的前端基础-前端三剑客之HTML
后端程序员的前端基础-前端三剑客之HTML
41 9
|
4月前
|
移动开发 前端开发 搜索推荐
前端基础101之HTML总结
【8月更文挑战第1天】
23 4
|
6月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
33 0
前端基础学习(一)HTML入门