HTML_制作网页__理解框架
1.设置中英文
双引号里面内容代表网页主体是中文还是英文
中文:zh-CN
英文:en
2.认识主体
3.制作主体
1) 标题
2) 分段
3) 换行
4) 字符实体转换
小于号用上面表达时表示
大于号用上面表达时表示
空格用上面表达时表示
5) 插入图片
当图片加载不出来时进行解释
注意:还可以通过把图片链接改成图片相对于网页文件位置的相对路径或绝对路径。
5) 制作超链接
例:
(1) target属性
当target=“blank”,打开另一页面显示;
当target=“self” ,直接在当前页面跳转
(2) title属性
当title=“哈哈”,鼠标移到超链接上会出现想要的提示。
(3) 超链接安装位置
(4) name属性
快速在一个页面中找到想要的东西
6) 添加列表
(1) 有序列表
(2) 无序列表
7) 添加表格
注意:
(1)table是表格属性
(2)tr是行属性
(3)td是列属性
(4)th是标题属性
(5)border是边框属性
(6)colspan和rowspan是合并行与列的属性
附:
Ctrl+/ 添加注释快捷键
8) 添加表单
注:使用form标签添加表单可以整体上传数据,作为注册页面或登录页面使用
(1) input标签
type=“text” : 输入文本
type=“password” : 输入密码,会隐藏
type=“checkbox” : 复选框(多选)
type=“radio” : 单选框(单选)
type=“textarea” : 输入文本区域
type=“select” : 下拉列表
type=“file” : 上传文件
type=“submit” : 提交表格数据
4.小补充
用frame标签进行多个页面的显示:
1) 属性cols设置显示占比
2) 网址中www表示显示成电脑上网页的形式
3) 网址中把www改成m表示显示成手机上网页的形式