HTML_制作网页__理解框架

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