摘要: HTML嵌套规则 HTML元素的分类 块元素:独立成一行;可以设置宽高;默认宽高100% 文字类块元素:< p > ;< h1 >~< h6 > 容器类块元素:< div > ;< table > ;< tr > ;< td > ;< th >;< form > ;< ul >;< li > ;< 阅读全文
posted @ 2021-03-03 13:59 丨Mr丨C 阅读(283) 评论(0) 推荐(0)
摘要: HTML布局 我们在网页的日常开发中,我们从设计师手上拿过设计稿之后,我们一般会把网页按功能划分成很多个小块,把这些小块又按设计稿排列起来,排列成设计稿的样子,尽可能的还原成设计稿的样子,最后把具体的内容填充到小块里面去。 布局:把功能划分成小块,并把它排列好。 我们拿一个具体的网站做例子: 我们把 阅读全文
posted @ 2021-03-03 13:56 丨Mr丨C 阅读(196) 评论(0) 推荐(0)
摘要: HTML表单 表单是html里面,前端和服务器进行交互的一种非常重要的方式,它是和服务器交互的一种机制。 什么是表单? 收集 不同类型的 用户输入,发送 或者 提交给 服务器。 举个简单的例子: 你在马路上碰到一个大妈,大妈要你帮她做个问卷调查,你拿到问卷调查那一刻,就是你看到表单的那一刻;然后你拿 阅读全文
posted @ 2021-03-03 13:44 丨Mr丨C 阅读(304) 评论(0) 推荐(0)
摘要: HTML表格 表格的组成结构 < table > 表格根标签 < tr > 行(table row) < th > 列的标题(table head) < td > 列的内容(table data) 例子: 效果: 我的代码: <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2021-03-03 13:25 丨Mr丨C 阅读(93) 评论(0) 推荐(0)
摘要: HTML列表 列表的种类 无序列表 < ul > 为无序列表的根标签 < li > 为 列表项标签 效果: 每一项最前面有一个项目符号,没有特别定义的话,为实心圆点。 改变无序列表项目符号样式: 利用css样式,list-style-type 为列表样式类型,circle为空心圆点 (项目符号的样式 阅读全文
posted @ 2021-03-03 12:31 丨Mr丨C 阅读(198) 评论(0) 推荐(0)
摘要: HTML图片映射 < map > 标签 与 < area > 标签 < img > 与 < map > 建立关系 利用< map > 的 name属性 和 < img > 的 usemap属性 name属性填入名称,usemap属性用 #+名称 调用 < area > 标签的href属性 < are 阅读全文
posted @ 2021-03-03 12:23 丨Mr丨C 阅读(215) 评论(0) 推荐(0)
摘要: HTML超级链接 < a > 标签——超链接标签 < a > 标签(没有带属性) 效果: 好像没什么效果 < a > 标签及href属性 href属性——超链接要链接的对象的地址 效果: 点击后: 把当前页面替换成了一个新的网页 < a > 标签的target属性 target属性——指定超链接的链 阅读全文
posted @ 2021-03-03 12:13 丨Mr丨C 阅读(324) 评论(0) 推荐(0)
摘要: HTML图片 < img > 标签及src属性 < img >——图片标签,src属性——来源(地址) 效果: 标签的alt属性 alt属性——可替换的文本(当图片显示不出来的时候,它就会把这个文本显示出来) 效果: < img > 的title属性 title属性——对图片额外的补充说明(当鼠标在 阅读全文
posted @ 2021-03-03 12:05 丨Mr丨C 阅读(550) 评论(0) 推荐(0)
摘要: HTML文本 段落标签: 效果: 1级至6级标题标签: 效果: 换行标签及空格字符实体 效果: 文本格式化标签< strong >、< em > 、< del > 、< span > 效果: HTML文本-课后作业 1.请用h1~h6标签实现下图的效果 我的答案: <!DOCTYPE html> < 阅读全文
posted @ 2021-03-03 11:56 丨Mr丨C 阅读(46) 评论(0) 推荐(0)
摘要: 2、HTML网页基本结构 HTML网页基本结构-课后作业 1.HTML文档类型有什么作用,可以不写吗? –> <!DOCTYPE> 指的是文件类型,即Document type,缩写doctype。 → <!DOCTYPE>是什么? .<!DOCTYPE>是为浏览器提供一项声明,目的是为了告诉浏览器 阅读全文
posted @ 2021-03-03 11:46 丨Mr丨C 阅读(223) 评论(0) 推荐(0)