代码如下
下方为代码对照
1.爱国
2.民主
3.自由
4.和谐
代码如下
- 爱国
- 民主
- 自由
- 和谐
标题文字
内容文字
对照
标题文字
内容文字
网页 ,就是存储在服务器上的由HTML标签组成的文件,这个文件可以通过网络传输给客户端的浏览器,在浏览器中能够显示出对应视图(界面)
3.1 HTML网页文件
网页文件:就是一个后缀名为.htm或者.html的文件
HTML标签:由尖括号和特定的单词组成的组合,能够被浏览器解析的标记
单标签
双标签
子标签
HTML网页文件基本结构
第一行通过doctype声明HTML文档规范
网页文件有一对根标签 html
html根标签包含两对子标签: head 和 body
head 声明页面相关的属性
body 用于定义网页中的内容
WITPT3.2 常用的HTML标签
3.2.1 显示标签
用于将文本、图片、声音、视频显示在网页中
文本
武汉工程大学
图片
声音
视频
3.2.2 输入标签
在网页中提供各种输入视图(文本框、单选按钮、复选框...)供用户输入数据
input
文本输入框:
密码输入框:
文件选择框:
单选按钮:
复选框:
普通按钮:
提交按钮:
重置按钮:
图片按钮:
颜色:
日期:
数字:
select 下拉菜单
武汉
北京
上海
深圳
广州
textarea 文本域 多行输入框
3.2.3 功能标签
在网页中,没有特定的显示效果,但是能够实现特定的功能
表单form
form用于提交数据,当点击form中的submit按钮时,会将输入框的值提交到form表单action属性置顶的url
action属性,指定提交数据的目标地址
method属性,指定提交数据的方式,如果不指定默认为get;可选post(提交数据隐藏提交)
form表单中的输入框需要name属性
超链接a
点击文字跳转到href属性指向的地址(URL)
3.2.4 布局标签
换行 br
表格 table