HTML

HTML基础教程

最新推荐文章于 2024-03-06 15:24:44 发布

Guo203

最新推荐文章于 2024-03-06 15:24:44 发布

阅读量377

点赞数

分类专栏： JS 文章标签： html

JS 专栏收录该内容

5 篇文章

订阅专栏

1、字体设置

html设置字体的语法：<font size=7 color=red>hello world</font>

如果想使用超大字体：<font style="font-size:300px" color=red>hello world</font>

2、Html访问两种方式

一是本地浏览器访问，二是服务器上启动服务（apache,weblogic,tomcat）远程访问。

环境变量中先配置环境变量，JAVA_HOME:c:\\program Files\Java\jdk1.6.0_20

启动文件：apache-tomcat-6.0.20/bin/startup.bat

将html文件放在webapp/hsp下面，通过下面地址访问：http://localhost:8080/hsp/hello.html，其他人则将localhost更改为服务器的IP地址即可。

3、浏览器对第一次使用的网页都会缓存在本地，清除缓存后可以看到脚本。

4、<p><br>换行的区别，前者换行后面会有一个空行段落，而后者是紧挨着的两行。

5、字符实体输入：<font size=7>©®</font>

6、超链接：<a href="a.html" target="_black">老鼠爱大米</a> 注：超链接使用<a>，链接新页面使用href，弹出新页面使用target="_black"，在本页面打开使用target="_self"，如果target为frame的name那么herf链接替换frame中的内容。所有target可以理解成替换

7、图片：<img src='dog.jpg' width=170px width=300px border=1> 如果不指定宽度，那么这只狗很大，指定了宽度后，高度自动按照图片伸缩。border设置边框。

还可以引用别人的图片，如引用百度首页的图片：<img src='http://www.baidu.com/img/baidu_sylogo1.gif'/>

8、表格：

</table>，不指定宽度那么自动扩展。cellspacing间隙大小（注：在tr中设置border是不生效的），cellpadding="填充大小"（单元格被撑大），bordercolor边框颜色。colspan列合并，rowspan行合并。

9、无序列表 un order list

</ul>

默认type="disc"列符号为实心圆点，还有两种：type="circle"列符号为空心圆；type="square"列符号为空心正方形

10：有序列表 order list

</ol>

type有四种形式，默认1阿拉伯数字，a小写字母，A大写字母，i小写罗马数字，I大写罗马数字

11、框架

</frameset>

cols="50%,*" 或者 cols="50%,50%"，要引用别的页面那么这个页面中不能写body了，写了body就看不到这两个引用的页面。默认两个引用页面是可以拖拽的，noresize就是不可以12、Html的表单元素：主要用于让用户输入数据，并提交给服务器
<form action=”OK.html” method=”提交的方法(get/post),默认额是get”>
用户名：<input type=”text” name=”username”/></br>
密码：<input type=”password” name=”pwd”/></br>
<input type=”submit” value=”登陆”/><input type=”reset” value=”重新填写”>
<input type=”image” src=”dog.html”> -----用图片作为按钮
各元素【文本框text，密码框password，hidden隐藏域，checkbox复选框，radio单选框，submit提交按钮，reset重置按钮，jmg图片按钮】
</form>
在html中直接写空格对齐是不认识的，需要使用空格实体，两个是一个汉字的大小，或者用全角空格就是一个汉字的大小。Method中的get点击登录按钮后，跳转进去的链接13、字符
<head>
<title>hello</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=gbk”>
</head>
这个content内容中的charset=gbk 在浏览器中“查看-编码-其他”中找不到，所以走了默认的简体中文gb2312，如果设置charset=”iso-8859-1”那么在浏览器中可以看到展示的方式是西欧，如果指定utf-8那么网页中的中文还是乱码。
14、字体
<h1></h1>…<h7></h7> 默认是粗体，希望比h7还要大，可以使用<font size=7></font>，这里size最大的是7，再大就没有用了，再大就用下面的style写了，<font face= “华文彩体” style=”font-size=150px”>标题</font>，h1等对应的是宋体，font-size需要设置face对应的字体的类型。
Division分区，可以把内容框起来作为一个整体：
<div style=”border:1px solid red ; width=400px; postion; left:100px; top:450px”>你好，<img src=”dog.img” width=100/></div>
这样div中的所有内容都整体移动到相应的位置上。
名和密码的值，如果用post就看不到。Action指定页面指向哪个页面。
下拉框：
<select name=”biradd”>
<option value=”bj”>北京</option><option value=”sh”>上海</option>
</select>
13、字符
<head>
<title>hello</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=gbk”>
</head>
这个content内容中的charset=gbk 在浏览器中“查看-编码-其他”中找不到，所以走了默认的简体中文gb2312，如果设置charset=”iso-8859-1”那么在浏览器中可以看到展示的方式是西欧，如果指定utf-8那么网页中的中文还是乱码。
14、字体
<h1></h1>…<h7></h7> 默认是粗体，希望比h7还要大，可以使用<font size=7></font>，这里size最大的是7，再大就没有用了，再大就用下面的style写了，<font face= “华文彩体” style=”font-size=150px”>标题</font>，h1等对应的是宋体，font-size需要设置face对应的字体的类型。
Division分区，可以把内容框起来作为一个整体：
<div style=”border:1px solid red ; width=400px; postion; left:100px; top:450px”>你好，<img src=”dog.img” width=100/></div>
这样div中的所有内容都整体移动到相应的位置上。
置成0，那么就没有边框了。frame中的name属性，可以作为超链接中的target的内容.scrolling是是否出现滚轴。

12、Html的表单元素：主要用于让用户输入数据，并提交给服务器
<form action=”OK.html” method=”提交的方法(get/post),默认额是get”>
用户名：<input type=”text” name=”username”/></br>
密码：<input type=”password” name=”pwd”/></br>
<input type=”submit” value=”登陆”/><input type=”reset” value=”重新填写”>
<input type=”image” src=”dog.html”> -----用图片作为按钮
各元素【文本框text，密码框password，hidden隐藏域，checkbox复选框，radio单选框，submit提交按钮，reset重置按钮，jmg图片按钮】
</form>
在html中直接写空格对齐是不认识的，需要使用空格实体，两个是一个汉字的大小，或者用全角空格就是一个汉字的大小。Method中的get点击登录按钮后，跳转进去的链接中会看到用户名和密码的值，如果用post就看不到。Action指定页面指向哪个页面。
下拉框：
<select name=”biradd”>

13、字符
<head>
<title>hello</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=gbk”>
</head>
这个content内容中的charset=gbk 在浏览器中“查看-编码-其他”中找不到，所以走了默认的简体中文gb2312，如果设置charset=”iso-8859-1”那么在浏览器中可以看到展示的方式是西欧，如果指定utf-8那么网页中的中文还是乱码。
14、字体
<h1></h1>…<h7></h7> 默认是粗体，希望比h7还要大，可以使用<font size=7></font>，这里size最大的是7，再大就没有用了，再大就用下面的style写了，<font face= “华文彩体” style=”font-size=150px”>标题</font>，h1等对应的是宋体，font-size需要设置face对应的字体的类型。
Division分区，可以把内容框起来作为一个整体：
<div style=”border:1px solid red ; width=400px; postion; left:100px; top:450px”>你好，<img src=”dog.img” alt="这是小狗" width=100/></div>
这样div中的所有内容都整体移动到相应的位置上。

15、img

img中alt作用是图片的提示。img用链接包起来就是图片链接。

16、流媒体

流媒体需要搭建服务器才可以看到播放效果。

<embed>