学习路线
- HTML标记语言:组成网页架构的元素组件(作为骨架)
- CSS样式语言:美化网页的样式(css帮助html做个美化)
- JavaScript程式语言:控制网页的动态效果(做动作,做操作的)
- JavaScript程式语言:协助及加强JavaScript的实现(对js的封装)
HTML介绍
- HTML是一种用于创建网页的标记语言,可以使用HTML创建网页文档,用浏览器打开会自动解析。
- HTML是由标签和内容构成的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的标题</title>
</head>
<body>
文档的内容...
</body>
</html>
文本格式化标签
标签描述
自带换行的比如h,以及段落,其他的都不会自动换行。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的标题</title>
</head>
<body>
<h1>hello world 标题h1</h1>
<h2>hello world 标题h2</h2>
<h3>hello world 标题h3</h3>
<br/>
<p>hello world 段落</p>
<i>hello world 斜体</i>
<br/>
<cite>hello world 引用</cite>
<br/>
<b>hello world 加粗</b>
<br/>
<strong>hello world 强调加粗</strong>
<br/>
<del>hello world 删除</del>
<br/>
<a>hello world 文本</a>
</body>
</html>
列表标签
标签描述
扫描二维码关注公众号,回复:
15017394 查看本文章
你得先定义是ul还是ol,定义好了之后再到里面填写具体的内容。有序还是无序使用外层的结构就行了。
ol ul是去控制其是有序还是无序,以及有序无序的列表的样式通过type来控制。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的标题</title>
</head>
<body>
<!--无须列表-->
<ul type="circle">
<li>coffee</li>
<li>milk</li>
</ul>
<!--有序列表-->
<ol type="A">
<li>bread</li>
<li>juice</li>
</ol>
</body>
</html>