html语法规范和标签




	
		
		
		
		
		入门案例
	
	
		

hello world,你好加瓦


标签 解释 例子
<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:加粗线条

html语法规范和标签_第1张图片

上面代码的效果

html语法规范和标签_第2张图片
html语法规范和标签_第3张图片
html语法规范和标签_第4张图片
html语法规范和标签_第5张图片

html语法规范和标签_第6张图片

html语法规范和标签_第7张图片
html语法规范和标签_第8张图片

你可能感兴趣的:(html语法规范和标签)