Day_01

来源：互联网发布：java搭建视频服务器编辑：程序博客网时间：2024/05/21 22:47

Day_01

1.基础结构
<!DOCTYPE html>
<html lang="en">
<head>
</html> <meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
2.HTML元素
<head> 标签中允许包含的标签
<style></style> - 定义 CSS 代码
<link> - 引入 CSS 文件
<script></script> - 定义或引入 JavaScript
3.HTML 标签（元素）
闭合标签 - 开始标签和结束标签，成对出现的
空标签 - 只有开始标签，而没有结束标签
4.HTML属性
HTML 标签的属性分类
a.标准（通用）属性 - 几乎所有标签都具备的
id - 表示为标识。必须是唯一的，不可重复
name - 表示为名称。允许重复
style - 用于定义 CSS 代码
class - 表示为类。与 CSS 相关
b.私有（独有）属性 - 指定标签具备的指定属性
c.事件属性 - 用于实现HTML标签注册绑定的一种方式
事件，会在 JavaScript 学习
5.HTML 标签的属性定义
必须被定义在开始标签中（不能定义在结束标签中）
语法格式
属性名=属性值
属性名 - HTML标签预定义的
属性值 - 由双引号进行包裹的
= - 赋值运算符
6.HTML注释 {快捷键 - CTRL+?}
注释 - 会被浏览器忽略（不会显示在浏览器中）
解释当前这段代码的用途
注意 - 注释不能嵌套
7.标题元素
标题元素 - <h1>~<h6>
<h1>显示的最大，<h6>显示的最小
注意 - 标题所显示的字体在不同浏览器中不一样的
各个浏览器提供默认的HTML页面的样式
不同浏览器提供的默认样式 - 可能不同的
浏览器兼容问题
常用的 - <h1>~<h3>
<h1>在HTML页面中起到非常重要的作用 - 便于搜索引擎抓取
<title>
<meta content="keywords">
<h1> - 在同一个页面中最好只编写一个
8.段落元素
最终的显示效果与段落<p>有关的
每一个<p></p>表示为一个段落
快捷键 - CTRL+ALT+L
9.有序列表
<ol> 标签表示有序列表
默认的排序方式 - 以数字的递增排序的
私有属性
type - 表示有序排列的方式
选项 - 1 A a I i
start - 表示从几开始排序
注意 - 只接受数字
<li> 标签表示列表项
同时编写多个相同标签的快捷键 - 标签名*个数+TAB键
同时编辑多行代码 - 鼠标左键+ALT键
10.无序列表
<ul>表示无序列表，其他同上
列表嵌套

嵌套层级最多建议 3 层

<li>同上

实际开发时 - 配合 CSS 实现菜单类内容

11.定义列表

<dl> 标签表示定义列表
<dt> 标签表示列表的分类
<dd> 标签表示列表分类的每一项
12.链接元素
a. <a> 标签表示链接元素（超链接）
作用 - 跳转，从当前HTML页面跳转到指定的HTML页面
属性
href - 用于设置要跳转到的HTML页面的地址
target - 用于设置打开指定HTML页面的方式
_self - 默认值，表示在当前窗口或页签打开
_blank - 表示在新的窗口或页签打开
_parent - 表示在父级窗口打开
_top - 表示在顶级窗口打开
b. 地址或路径
绝对路径 - 一旦确认，不会改变
本地访问 - 从磁盘开始查找
D:\0925\DAY01\code
网络访问 - 从网络协议开始查找
http://localhost:63342/code/12.html
相对路径 - 根据当前位置变化而变化
根据当前HTML页面的位置，查找目标HTML页面
两个页面处在相同目录中时 - 直接编写名称
WebStorm - 最高级别只能查找到工程目录

阅读全文

0 0