html语法规范和标签

<!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:加粗线条

在这里插入图片描述

上面代码的效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值