h5学习笔记--day1

最新推荐文章于 2024-06-02 15:45:53 发布

@莫里亚蒂

最新推荐文章于 2024-06-02 15:45:53 发布

阅读量77

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_46476341/article/details/113867441

版权

在vs中使用！加tab键可以在创建好的HTML文件中直接生成HTML骨架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

标题标签

标题标签分为6个等级，其中每个标题独占一行，数字越大字号越小使用如下示例编写

<h1>   </h1>

段落标签

使用p标签可以划定文章段落

换行标签

使用br标签换行仅仅是强制换行但br是单标签

<br/>

文本格式化

加粗
使用strong 或者b 但strong更强烈

倾斜
使用em或者i 但em更强烈
删除线
使用del或者s 但是del更强烈
下划线
ins或者u 但ins更强烈

div和span
没有语义就是一个盒子用来装内容的
div表示分割和分区一行一个div
span表示跨度和跨距（横着）

图像

1.图像标签

属性：
alt 文本替换文本，图像不能显示的时候替换的文字
title 文本提示文本，鼠标放到图像上，显示的文字

width 宽度
height 高度
border 边框粗细

属性和属性之间要有空格隔开，属性采取键值对的形式

链接标签

超链接
超链接标签常用a，作用是从一个页面链接到另一个页面

<a  href='跳转目标' target='目标窗口的弹出方式' >文本或图像</a>

target 其中_self 为默认值当前页面，_blank为在新窗口中打开方式

链接分类
1.外部链接去往外部网站
2.内部链接，只需要写域名后缀即可
3.空链接：如果当时没有确定连接目标由

<a href ='#'> </a>

4.下载链接：如果href里面的链接时一个文件或者压缩包，会直接下载
5. 网页元素链接：音频视频等
6. 描点链接：点击标签去往页面中的某个位置

<a href='#name'></a>  //被链接的名称
<h1 id='name'></h1>  //链接名称的声明

注释

结尾

特殊字符

表格

基本用法

<table>
<tr>
<th></th>//声明表格表头部分，文字会加粗居中显示 也可以在tr外 使用thead和td显示，然后tr前加tbody中
<td></td>  //表示列
</tr>//表示行
</table>  // 声明表格

表格属性

合并单元格

在这里插入图片描述

@莫里亚蒂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
h5学习笔记--day1

在vs中使用！加tab键可以在创建好的HTML文件中直接生成HTML骨架<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia
复制链接

扫一扫