HTML4.01 相关基础

HTML ：Hyper Text Markup Language 超文本标记语言

1.一些标签

html标签：告诉浏览器是一个html文件

head标签：头部元素的容器

p标签：段落标签

body标签：文档主体

title标签：显示文档标题或网页标题

h1-h6标签：标题标签

<div></div>： 没用就是最大的用处。盒子 捆绑 容器

<span></span>：不分行

2.在HTML中 空格代表文本分隔符

一些特殊字符：

&nbsp;代表空格

&lt;代表小于符

&gt;代表大于号

<br>表示换行，自己就代表功能，是单标签。

如meta hr用的很少是下标线

3.成组出现

列表 (默认) （逆序）

<ol type="1" reversed="reversed"> 1/a/A/i/I

<li></li> start="2"(写第几个就行)

<li></li>

<li></li>

</ol>

无序

<ul type="circle">

<li>苹果</li>

<li>香蕉</li>

<li>橘子</li>

</ul>

ul li 非常常用

父子结构 桌子和抽屉 导航栏和菜单项

4.图片：

<img src="fy.jpg" alt="这是范爷">（图片展示不出来会展示文字）图片占位符alt

title="this is fanye" 表示图片提示符

src:

1.网上的url

2.本地的绝对路径（不是一个目录下成绝对关系）（此时得写全部地址）

3.本地的相对路径（在同一目录下成相对关系）（直接写图片名+后缀）

5.注释

<!--

注释<!-- -->

使用control+?

作用：1.备注2.改错

-->

6.a标签

<a href="http://www.baidu.com" href为Hypertext Reference超文本引用

www.baidu.com

</a>

1.超级链接

内容可以是任意形式的东西。

在新标签中展开则添加 target="_blank"

2.标签可以锚点

3.打电话<a href="tel:110">给110打电话</a>

4.协议限定符

表单标签:发送数据

7.form发送

<form method="get" action="dizhi">

<p>

username:<input type="text" name="用户名" >

</p> value

<p>(可读性)

password:<input type="password" name="密码">

</p>

<input type= "submit">

</form>

发送不成功，需要数据名和数据值（主题和内容）

提交成功导航栏会发生变化。

1.贝克汉姆<input type="radio" name="star" value="xiaobei">

2.贝克汉<input type="radio" name="star" value="xiaob">

3.贝克<input type="radio" name="star"value="xia">

一道题name得一样，单选框

把radio换成checkbox是复选框

默认选中：checked="checked" 放value 后面

8.表单的一个组件

<select name="province">

<option value="">beijing</option>(可以写value，以value为准)

<option>shanghai</option>

<option>guangzhou</option>

</select>