HTML基础语法入门

1.基本结构

  --html开始标签
	  -- 文件头(用户在浏览器的主体是看不到的)
		
		
	    --文件体(用户在浏览器的主体看得到)

	
 --html结束标签

2.head文件头

作用:告诉浏览器如何解释该html页面



	
	
    
    这是标题
     
    
    
    
    
    
    





3.文本标签

标题(h1~h6)
水平线(hr)
段落§
段落缩进(blockquote)
上下标(sup和sub)
换行(br)
原样输出(pre)
有序列表ol li
无序列表ul li
项目列表标签(dl dt dd)
行内标签(span)
块标签





html文本标签




标题1

标题2

标题3

标题4

标题5
标题6

第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容第一个章节内容

第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节第二个章节

第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节第三个章节
数学公式:y=x的平方: y=x2水的化学式: H2O
下一个内容
          凉州词
葡萄美酒夜光杯,欲饮琵琶马上催。
醉卧沙场君莫笑,古来征战几人回。
function checkName(){
	alert("用户名不能为空!");
}
你最喜欢的明星?
  1. 凤姐
  2. 芙蓉姐姐
  3. 如花
学生管理系统
  • 学生管理
  • 成绩管理
  • 系统管理
软件公司的组织架构
技术总监
攻城狮1号
攻城狮2号
攻城狮3号
财务总监
出纳1号
出纳2号
出纳3号
span的内容
div的内容

HTML基础语法入门_第1张图片

4.超链接标签





超链接标签





超链接
链接到图片
链接到百度
高清《小小星球》(普通通道)
高清《小小星球》(迅雷通道)
发送邮件给朋友
去到第一章














第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容第一章内容
返回顶部

HTML基础语法入门_第2张图片

5.图像标签





图像标签




这是一张美女图片

  
  



HTML基础语法入门_第3张图片

6.转义字符

常见的转义字符:

HTML基础语法入门_第4张图片

7.表格标签





表格标签




2019年期末考试成绩
姓名 班级 成绩
狗娃 计算机1班 80
经济1班 90
狗剩 计算机2班 78
狗蛋 软件1班 90
平均分 85

HTML基础语法入门_第5张图片

8.表单标签

作用:用于采集用户输入的数据,提交给后台程序处理

表单标签:
			
就是一个表单 单行输入域 密码输入域 单选按钮 多选按钮 隐藏域。特点:不会显示到html页面上,但可以携带数据。 文件选择器 多行输入域 提交按钮 普通按钮 重置按钮




表单标签





	
	用户名:
密码:
性别:
爱好: 篮球 足球 兵乓球
籍贯:
个人简介:

HTML基础语法入门_第6张图片

你可能感兴趣的:(HTML基础语法入门)