前端开发基础-HTML

HTML是什么?

超文本标记语言 Hyper Text Markup Lanauage

Web页面的基础

HTML源代码

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>title</title>
</head>
<body>
<h1>欢迎</h1>

<p>Hello world</p>

</body>
<html>

HTML结构

  • HTML
  • HEAD
  • BODY

HTML结构和语法

HTML元素

属性:元素的额外信息

标签属性:name,id,class,….

事件属性:onload、onerror、onclick,……

注释:

Tips:

注释标签比较特别

HTML不区分大小写

1
<!--这是注释-->

图像:

1
<img src="http://xx/xx.png" width="500" height="100"/>

链接:

1
<a href="https://www.baidu.com">点我访问百度</a>

表单:

1
2
3
4
5
6
7
<form>
username:
<input type="text" name="username"/>
password:
<input type="password" name="password"/>
<input type="submit" value="submit"/>
</from>

内联框架:

1
<iframe src="http://www.baidu.com" frameborder="0" width="480"></iframe>

HTML DOM

DOM 文档对象模型 Document Object Model

将文档转换为树结构

更直观的了解页面元素

通过JavaScript,可以对HTML进行任意操作

1.Web页面通常使用哪几种语言开发?

HTML JavaScript CSS

2.HTML结构包含哪两部分?

HEAD BODY

3.HTML元素由哪几部分组成?

属性

4.常见的HTML标签有哪些?

a img iframe

5.HTML DOM是什么结构?

DOM树结构

前端开发基础-JavaScript