摘要:概念前端最核心的技术结构骨架样式效果用户行为做的事情超文本标记语言超文本文本文件浏览器可以直接打开如果具有中文,可能出现乱码问题标记语法结构标签名注意浏览器解析标记规定的标记内容注意是不严格的语言允许不用编写所有内容标签名
HTML
概念
前端最核心的技术 HTML + CSS + javascript
HTML - 结构 - 骨架
CSS - 样式 - 效果
JAVASCRIPT - (用户)行为 - 做的事情
超文本标记语言
超文本
文本(txt文件) - 浏览器可以直接打开
如果具有中文,可能出现乱码问题
标记
语法结构 - <标签名>
注意 - 浏览器解析标记(规定的标记内容)
注意
HTML是不严格的语言
允许不用编写所有内容
标签名没有明确的规定(大小写)
建议标签名使用小写
XHTML
解释为严格意义的HTML
HTML结构
- 声明:当前页面使用的是哪个HTML版本 - 根标签:有且仅有一个 - 用于设置当前页面的信息 - 设置当前页面的编码Title - 当前页面的标题 - 用于显示在浏览器中
声明
注意 - 必须在HTML文档的 0 行 0 列
记住 - HTML5的声明
作用 - 告诉浏览器当前HTML页面使用的版本
不同的HTML版本支持不同的标记(标签)内容
根标签
除声明以外,所有内容全部被包含在根标签中
注意 - 有且仅有一个
标记(标签)
起始标签 - 有开始,有结束
开始标签 - <标签名>
结束标签 - 标签名>
空标签 - 只有开始标签
- 换行标签
注意 - 建议使用小写
元素
第一个作用 - 设置当前HTML页面的编码格式
第二个作用 - 设置当前HTML页面的关键字
第三个作用 - 设置当前HTML页面的描述(很少)
第四个作用 - 设置当前HTML页面的作者
HTML属性
出现在标签中的开始标签中,而不是结束标签
格式
属性名=属性值
属性值 - 必须使用双引号包裹
HTML页面被搜索引擎抓取
元素 - 页面的关键字
分类
私有属性 - 当前标签独有的属性
标准属性 - 几乎所有标签都有的属性
事件属性 - 标准事件(了解)
HTML标题
并不关心标题显示的效果 - 可以通过 CSS 完成
关心标题的 语义化
语义化 - 当前标签的含义
HTML列表
有序列表
默认情况下 - 1,2,3,4,5...
无序列表
默认情况下 - 黑点
定义列表
HTML链接
作用
用于从当前页面跳转到另一个(指定)页面
实现锚点效果
实现回到顶部效果
实现发送邮件功能(了解)
href="mailto:邮件地址"
路径(地址)
绝对路径 - 查找的开始位置是固定
相对路径 - 查找的开始位置是变化
在实际开发中,使用更多
完整的地址
http:// localhost : 8080 /day02 #name
网络协议 IP地址 端口号 相对路径 锚点
localhost - 等价于 127.0.0.1 - 表示本机
网络访问 - 通过互联网
http://192.168.10.165:63342/D...
file:///C:/0507/DAY02/CODE/00.html
C: 507DAY02CODE 0.html
本地访问 - 和网络无关
图片元素
- 空标签,没有结束标签
必要属性 - src属性
可选属性
width
height
单位
像素值
百分值
HTML表格
概念 - 具有行和列(单元格)
行 - 表示水平方向(多个单元格)
列 - 表示垂直方向(多个单元格)
HTML表格
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50811.html
摘要:黑体本系列讲解安全所需要的和黑体安全基础我的第一个网页黑体安全基础初识黑体安全基础初识标签黑体安全基础文件夹管理网站黑体安全基础模块化黑体安全基础嵌套列表黑体安全基础标签拓展和属性的使用黑体安全基础嵌套本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基...
摘要:现在回到我们这一章节的标题,将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面,网页上并不存在表单内容,那么你就要移除一些冗余的代码,开始自定义样式来满足自己的需求。 前言 先来回顾一下前几章节,我们都说了哪些内容: CSS Reset 历史 与 Normalize.css 介绍 Normalize.css...
摘要:现在回到我们这一章节的标题,将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面,网页上并不存在表单内容,那么你就要移除一些冗余的代码,开始自定义样式来满足自己的需求。 前言 先来回顾一下前几章节,我们都说了哪些内容: CSS Reset 历史 与 Normalize.css 介绍 Normalize.css...
摘要:基础基础是一种标记语言,不是编程语言,需要明确这点。元素标签内容基础基础负责文本样式的呈现,既然将和分离开,各自只负责各自的职责,那么肯定需要某种方式将两者连接在一起。 本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyh...
摘要:示例使用的模板的指令通过从引用来实现模板的继承。上面的模板定义了三个,分别命名为和。同时返回相应错误的数字状态码。示例带有导航栏的基础应用程序模板这个模板中的块中只是一个名为的元素,它包含了在派生模板中定义的名为的空。 2、集成Twitter Bootstrap的Flask-Bootstrap Bootstrap是Twitter的一个开源框架,提供用户交互组件来创建一个清新且有吸引力...
阅读 3199·2021-09-22 15:58
阅读 1699·2019-08-30 14:17
阅读 1700·2019-08-28 18:05
阅读 1466·2019-08-26 13:33
阅读 661·2019-08-26 12:20
阅读 588·2019-08-26 12:18
阅读 3180·2019-08-26 11:59
阅读 1378·2019-08-26 10:36