web教程

1. HTML: 用于描述 页面中 有什么内容

2. CSS: 让HTML变得更漂亮  渲染HTML样式

3. JS:负责页面逻辑

HTML：

1.div: 容器标签 用于盛放其它标签 常用div分块

<div></div>

2.p:文本、段落标签 里面用于盛放 文本、图片、超链接

<p></p>

3.h系列标签:h1-h6 标题标签

<h1>标题</h1>

<h2>标题</h2>

<h3>标题</h3>

4.ul ol dl 列表 标签：

ul：无序列表 -> li

ol:有序列表 -> li

dl:自定义列表 -> dt 标题 dd 内容

<ul>

    <li>无序列表</li>

    <li>无序列表</li>

    <li>无序列表</li>

    <li>无序列表</li>

</ul>

<ol>

    <li>无序列表</li>

    <li>无序列表</li>

    <li>无序列表</li>

    <li>无序列表</li>

</ol>

<dl>

    <dt>标题</dt>

    <dd>自定义内容</dd>

    <dt>标题</dt>

    <dd>自定义内容</dd>

    <dd>自定义内容</dd>

    <dd>自定义内容</dd>

    <dt>标题</dt>

    <dd>自定义内容</dd>

</dl>

5.input:输入标签

type:可以指定输入标签的类型

text：文本输入

<input type="text" placeholder="提示信息">

<input type="password">

<input type="range">

<!--换行标签-->

<br>

最帅男主角：

<br>

A：<input type="checkbox">

B：<input type="checkbox">

C：<input type="checkbox">

D：<input type="checkbox">

E：<input type="checkbox">

<br>

<!--单选-->

最靓女主角：

<!--<input type="radio">-->

<br>

A：<input type="radio" name="best">

B：<input type="radio" name="best">

C：<input type="radio" name="best">

D：<input type="radio" name="best">

E：<input type="radio" name="best">

<br>

<!--按钮-->

<input type="button" value="下载">

<!--图片按钮-->

<input type="image" src="https://www.baidu.com/img/bd_logo1.png?where=super">

<!--超级链接标签-->

<!--href 指定要跳转的位置-->

<a href="https://www.baidu.com/">百度</a>

图片标签

src：图片资源的路径

alt：当图片不存在的时候 显示的文字

<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度logo">

<span>不换行的文本标签</span>

<span>不换行的文本标签</span>

<span>不换行的文本标签</span>