html+css 学习笔记

最新推荐文章于 2024-01-18 19:00:14 发布

羽凌fairy

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量341

点赞数

分类专栏：计算机文章标签： html

本文链接：https://blog.csdn.net/qq_43760243/article/details/115417062

版权

本文参考资料

《从0到1：HTML+CSS快速上手》 这本书在微信读书中有无限卡就可看
其中书中内容大多为以下两个网页教程的集合：HTML CSS

HTML

HTML注释

基本框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

文档声明：表示这是一个HTML文件
html标签对：告诉浏览器此页面从< html>开始< /html>结束
head标签对：定义一些特殊内容如页面标题定时刷新外部文件
body标签对：定义网页的“身体”

head的子标签对

title标签定义网页标题
meta标签
两个重要属性：name http-equiv 示例如下：

<meta charset="UTF-8"/> <!-- 解决网页中文乱码 放在所有属性之前 包括title -->
<meta http-equiv="refresh" content="6;url=http://www.baidu.com"/> <!-- 6秒后自动跳转到url指定网页 -->
		
<meta name="keywords" content="html,css" />  <!-- 网页关键字 可以是多个 -->
<meta name="description" content="这是一篇学习笔记" /> <!-- 网页描述 -->

link标签引入CSS文件
style标签定义元素的CSS样式
script标签定义页面的JavaScript代码，也可以引入外部JavaScript文件

body的文本标签对

标题：<h1> </h1> 有h1-h6
段落： 
换行： 
文本：加粗</strong 斜体 上标</sup 下标 删除线<s></s> 下划线
水平线：<hr/>
特殊符号：空格  三个空格≈1个汉字

body的列表标签对

有序列表

<ol type="属性值">
   <li>第一个表项</li>
   <li>第二个表项</li>
</ol>
type属性值对应： (type可以设置列表项前的序号)
1 阿拉伯数字
a 小写英文字母
A 小写英文字母
i 小写罗马数字
I 大写罗马数字

无序列表

<ul type="属性值">
   <li>第一个表项</li>
   <li>第二个表项</li>
</ul>
type属性值对应：
disc 实心圆（默认）
circle 空心圆
square 实心方块

定义列表

<dl>
	<dt>要定义的名词</dt>
	<dd>名次的解释</dd>
</dl>

body的表格标签对

基本结构：table tr(行) td(单元格)
完整结构：table tr td caption(表格标题) th(表头单元格会粗体+居中显示)
进一步语义化：加入thead tbody tfoot(表头表身表脚) 表脚多用于统计总分等数据可省略加上这些标签方便CSS分块控制
代码：

<table>
			<caption>表格标题</caption>
			<thead>
			<tr>
				<th>表头单元格1</th>
				<th>表头单元格2</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td>表行单元格1</td>

最低0.47元/天解锁文章

羽凌fairy

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html+css 学习笔记

文章目录HTML基本标签对框架思维导图第一个作业HTML基本标签对框架<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html>文档声明：表示这是一个HTML文件html标签对：告诉浏览器此页面从< html&gt
复制链接

扫一扫