初学Html

最新推荐文章于 2022-06-20 17:39:21 发布

南风知我意f

最新推荐文章于 2022-06-20 17:39:21 发布

阅读量99

点赞数 1

本文链接：https://blog.csdn.net/qq_45323204/article/details/95222463

版权

初学Html

一、html 超文本标记语言

超文本：超脱文本的限制，可显示图，音频
标记
语言

二、html的语法

标签

闭合标签

     <a></a>  （链接）

 非闭合标签
        <img>  （显示图片）
       <标签名></标签名>

属性（标签的属性）

在标签之上，拓展标签的功能
 
 属性名="属性值"
 * 属性必须写在开始标签上   <a 属性></a>

标签
div 块块元素
span 文字输入行元素
标签的分类

1、块元素

自己会占满一整行,设置了高度和宽度都会生效,
如果不设置宽度则默认100%,
如果不设置高度则高度随内容填充 div p ul li 等等

2、行元素

自己不会占满 一整行,
设置了高度和宽度都无效,
宽度和高度只会随内容填充 span  i  b  strong

3 、行内块

自己不会占满一整行,设置了高度和宽度也都有效

4、元素种类的转换

display:
	block 将元素转换成块元素
	inline 将元素转换成行元素
	inline-block 将元素转换成行内块
	none   将元素隐藏(脱离文档流)
visibility:
	hidden  将元素隐藏(不脱离文档流)

三、转义

<!-- 
     转义  空格   &nbsp;
 <      &lt;
 >      &gt;
 &      &amp;
  -->

四、html的基本结构

<!DOCTYPE html>  //文档类型，表示版本，目前为html5
<html lang="en"> //html的根标签，所有写在html标签外的都不生效
                    html只有一个；lang 表示语言 设置网页的语言
<head>  head是头标签，做关于网页的设置，写在这里面的基本都不会显示
    <meta charset="UTF-8"> //处理乱码
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                //兼容手机端开发
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
                //兼容IE 让IE使用最新的内核解释网页
    <meta name="keyWords" content="关键词,关键词,关键词" />
搜索的关键字
    <meta name="description" content="页面的描述" />
    <title>html的学习网页</title>   //网页的名字
</head>
<body>    //body 里面写的 都会在网页上显示

</body>
</html>

五、选择器

html标签怎么取名字
id:

唯一标识符 id不允许重复一个标签只能取一个id
class：

类允许重复，一个标签可以有多个类

选择器:决定写的样式要页面中哪些(那个)标签生效
id选择器:以#(井号)开头 +id的值来命名
class选择器:以.(点半角的句号)开头 +class的值来命名
元素选择器: 以标签名来命名
*: 通配匹配所有标签
```
优先级 
内联样式>id选择器>class选择器>元素选择器
```
id选择器
#id的值{
}
clas选择器
.class的值{
}
通配
*{
}

标签名选择器

父子选择器

六、样式：

尺寸

 width 宽
 height  高

 html中 不是所有标签都可以设置
 div 可以
 a 不可以

背景
```
 background-color
```

边框

 border:  边框宽度  线的风格  颜色
 border-radius:  圆角尺寸

内边距

 内容区
 内边距 默认0 pading:15px;
 边框   默认0
 外边距
 box-sizing: border-box;  他的边框和内边距不再向外扩张而是向内挤压

字体
```
 color
 font-size
 font-weight  粗细
```

定位

   position:
 		static 静态
 		relative 相对定位
 		absolute 绝对定位
 		fixed  浏览器定位

七、网页运行

  1、用浏览器直接打开（不安全）
  2、用服务器运行

八、标签

 div是一个没有任何特殊作用的标签，作用是用来做页面的结构，后续通过其他方式设置宽高
 
   输入

	 input 的输入是单行的文本框
	 textarea    大文本框
 	button 作为按钮

九、网页上url的写法

1、外链：以协议开头 http:// https://
2、内链：直接写要跳转的地址

南风知我意f

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
初学Html

初学Html一、html 超文本标记语言超文本：超脱文本的限制，可显示图，音频标记语言二、html的语法标签闭合标签 <a></a> （链接）非闭合标签 <img> （显示图片） <标签名></标签名>属性（标签的属性）在标签之上，拓展标签的功能 ...
复制链接

扫一扫