1.首先学习了html基本语言与使用
<html> html基本写法
<head>
<body> body里面填写实现基础网页实现的代码
hello html!
</body>
</head>
</html>网页结束
2.学习使用轻量级HBuilder X来创建html基本页面
<!DOCTYPE html><!-- html代码版本描述文件 -->
<html>
<head>
<meta charset="utf-8" />
<!-- meta 元数据标签 配置当前页面基本信息 字符编码 作者 时间 搜索关键字 -->
<title><!-- 网页标题 -->
我的页面
</title>
</head>
<body>
</body
3.html基本语法规则
3.1双标签 开始标记 结束标记 通常用来包裹其他标签或内容
3.2单标签（自动结束）单标签有特殊功能 通常会配合属性使用
4.转义字符
html 转义字符
&xxxx; 基本语法
小空格 对应 i
  中空格 对应 a
  大空格 对应 m
< 小于号
> 大于号
" 引号
© 公司符号
& &符号
属性规则
html元素属性
通用属性
id 元素唯一标记
style 控制元素样式
class 配合样式使用 给样式定义类别
例:<div id="xxx" sytle="xxx" class="xxx"></div>
自由属性
每个标签独有的属性
例 <meta charset="utf-8">
body中常用标签
<br/> 换行
<hr/> 分割线 块元素
<h1>标题</h1> 标题标签 h1-h6 块元素
<p>红鲤鱼</p> 段落 块元素
<div>div</div> 纯块元素
<b>绿</b> 加粗 行内元素
<u>春</u> 下划线 行内元素
<em>使</em> 斜体 行内元素
<span>老王</span> 纯行内元素
列表标签
<dl> 自定义列表 块元素
<dt>列表标题</dt> 列表标题 块元素
<dd>列表内容</dd> 列表内容 块元素
<dd>列表内容</dd>
<dd>列表内容</dd>
</dl>
<ul type="disc"> 无序列表 块元素
<li>列表项</li> 列表项 块元素
<li>列表项</li>
<li>列表项</li>
</ul>
type="disc" 改变列表标题类型
<ol type="A"> 有序列表 块元素
<li>列表项</li> 列表项 块元素
<li>列表项</li>
<li>列表项</li>
</ol>
type="A" 改变列表标题类型 数字 字母 罗马数字
超链接标签
<!-- <a href="./../js/1.html基本规则.html">我的连接</a> -->
<!-- <a href="/day1_html/js/1.html基本规则.html">我的连接</a> -->
<a href="https://www.baidu.com/" target="_blank">我的连接</a>
1. 相对路径 根据当前的路径 填写 目标文件路径
2. 相对根路径 从/ 根root出发 /day1_html/js/1.html基本规则.html
3. 绝对路径 访问其他服务器的地址(外部资源) https://www.baidu.com/
href 链接地址
target 链接打开方式 _blank 新tab页打开 旧页面保留
a标签做锚点使用
href="#" 回到当前页面顶部
href="###" 不跳转
href="#元素id" 跳到指定元素
图片标签
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" />
1. 相对
这篇博客主要介绍了HTML的基本语言和使用，包括双标签和单标签的语法规则，转义字符，以及body中的常用标签，如列表、超链接、图片、表格和表单，强调了表单在收集和发送信息中的作用，并布置了第一天的学习作业。
最低0.47元/天 解锁文章
213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
