<!DOCTYPE html>
<!--
1.上面是一个文档声明
2.下面是根标签html
3.html文件包含两部分,head头部分,body体部分
头部分:主要用来放置一些页面信息
体部分:主要来放置我们的html页面内容
4.通过标签来对内容进行描述,标签通常由开始标签和结束标签组成(成对出现)
5.标签不区分大小写
-->
<html>
<head>
<!--meta 网站的配置信息 -->
<!-- 指定浏览器打开的页面编码方法 -->
<meta charset="utf-8">
<!--title指定网站标题-->
<title>入门案例</title>
</head>
<body>
<h2>hello world,你好加瓦</h2>
</body>
</html>
标签 | 解释 | 例子 |
---|---|---|
<font> | 字体,里面可以添加属性,常用的有color,size,face(字体) | <font color=“red”>你好</font> |
<p style=“text-indent:xxx”> | 首行缩进 | – |
<b> | 字体变粗 | <b>文本</b> |
<i> | 斜体 | <i>文本</i> |
<strong> | 字体变粗,建议用这个,自带语义 | <strong>文本</strong> |
<em> | 斜体,建议用这个,自带语义 | <em>文本</em> |
<img src=“图片地址” alt=“图片加载有问题” /> | img里面另外一个属性,alt,作用:如果图片加载失败提示的文字 | – |
上面图片路径 | jpg前面不加或./代表当前目录下 …/代表上一级目录 …/…/代表上上一级目录 …/…/…/代表上上上一级目录 以此类推 | 图片.jpg或./图片.jpg表示当前目录 …/图片.jpg表示上一级目录 …/…/图片.jpg表示上上一级目录 |
<ul> | 无序列表,他有一个常用属性type=disc(实心圆点),square(方块),circle(空心圆点) | <ul><li>百度</li></ul> |
<ol> | 有序列表,type=1,a,A,i,I…有这几种样式 start=“2”,代表从第2个开始2,3,4…b,c,d…B,C,D | <ol><li>百度</li></ol> |
<a> | 超链接标签 href:指定网址,需要加上http://,如果打开本网页的html,可以写文件路径 target:打开的方式包括_self(当前页打开),_balank(新窗口打开), | <a href=“http://www.baidu.com” target="_blank">百度</a> |
<input> | 表单输入项,下文也有用法 type:指定输入项的类型 name:当表单提交的时候(get或post),作为参数的名字 id:给输入项取名,可以用来操作,比如document.getElementById(“id”).value取出ID名为id的内容 placeholder:提示语 type=“radio”,如果要达到单选效果,加一个name=" " | <input type=“radio” name=“性别”>男 <input type=“radio” name=“性别”>女 |
<form> | 表单标签常用属性 action:提交的地址 method:提交方法get,post 一般input啥的是包裹在form标签内的 | <form action=“http://www.baidu.com”></form> |
<hr /> | 绘制一条线 noshade=“noshade”:去掉阴影 size:加粗线条 | |
上面代码的效果