第一章初识HTML

最新推荐文章于 2024-10-08 19:04:00 发布

dawnlini

最新推荐文章于 2024-10-08 19:04:00 发布

阅读量112

点赞数

分类专栏：前端笔记文章标签： html 前端

本文链接：https://blog.csdn.net/dawnlini/article/details/128460392

版权

前端笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

第一章初识HTML

学习HTML：

开发网页、微信小程序、跨端界面开发、web游戏

hyper text markup language 超文本标记语言

网页的源码，解释和执行

w3c:万维网联盟//负责制定和维护web行业标准

内容和表现要分离，内容：HTML，表现：CSS

<html>

<head>

<title>我的第一个网页</title>

</head>

<body>

</body>

</html>

1.3HTML元素分类

块级元素：独占一行，不与其他并列

行级元素：宽和高不能自己设定，和其他并列

标题元素语法：<h1>标题<h1>

段落元素语法：<p>...<p>特点：P标签里边不能嵌套块级标签，能嵌套行级标签

<hr/>//分割线 size//设置高度 width//设置宽度

块级标签2：

块标签的特点：

1.块标签单独占一行

2.高度、行高、外边距内边距都可以控制

3.宽度默认是容器的100%

4.可以容纳内联标签和其他块标签

常用的块标签：

h1写上主标题语义作用

h2二级标题

p标签，表示段落语义，如果设置宽度小于文字本身宽度，文字转行显示

<div>我什么语义都没有，可以把我看成一个盒子，一个块，一个容器<div>

使用示例：

<div>//父元素，可以写格式内容

</div>

//父元素，包含下面的元素

<ul>标签：

无序列表

<ul type=circle//=square//disc//更改前面的默认格式>//无序列表

</ul>

去除前面默认点的方法

<style>

ul：

{

list-style: none;

width:500px;

height:500px;

background:pink;

}

</style>

<ul>里面不能包含其他，只能包含<li>,

<li>套用任何其他语句可以，<li>不能够单独使用

1．无序列表

2．和 li 标签配合使用

3.ul的子元素只能是 li ，不能是其他内容

4.li标签里面可以放其他签， li的父元素只能是或ol标签

5.1i标签是块标签，表示列表项

6.ul里面的列表项前面会有默认的点状在的开始签里加 type =“ circle 圆圈， square 方形， disc 点状”

7.ul里默认的点状去掉：

在 style 里面设置 list - style : none ;

<ol>

<li>姐姐真漂亮</li>

</ol>

1.有序列表

2．块标签

4.ol里面只能放 li 标签，不能放其他内容

5.ol里的列表项前面会有默认的数字想改变数字，可以在 ol的开始标签里加 type =＂” a A I

6．想去掉前面的数字在 style 里面设置 list - style : none

7．前面的序号改变顺序

在 ol标签的开始标签里加 reversed

<dl>定义列表，多了个小标题

<dl>

</dl>

1.定义列表，是和dt,dd标签配合使用的

2.dt表示列表标题

3.dd表示列表项，dd是对dt的解释和说明

4.dl是dt和dd的父元素，dl 只能放dd和dt，但是dt和dd可以放其他元素

5.dt和dd是兄弟元素

6.dl,dt,dd都是跨元素

行级标签：

文字加粗：<strong>文字内容<strong>不具有语义化功能

文字倾斜：<em>文本内容<em>

在行级标签中，空格和换行不起作用，一般写在块级标签p里面

要写空格要用到 ;代表一个空格

<pre></pre>标签，

<pre>

原样输出标签

class test{

public static void main()

}

</pre>

<br>标签换行标签默认行间距

和p标签不同，p和p之间换行是段落之间的换行

图片

网站图片一般支持使用png，比较好做透明，jpg图片格式比较大，

设置属性的时候默认单位为px像素

align的三个属性： top，middle，bottom

这里是图片之后的文字

超链接，行级标签

target属性：

_self点击链接后，在当前界面显示新链接

_blank 在新打开的页面中显示链接对应的页面内容

_parent 在父框架中显示

_top不管嵌套几层容器，始终在顶层容器中显示衔接页面，

自己命名，实现在框架业中显示指定额链接

<div>

</div>

正在上传…重新上传取消

<span>文本</span>最小的行级标签，一般里面不加其他标签，

主要是用来设置格式样式

特殊符号

结构和样式分离，w3c提倡的web结构，语义化

a, span,img 标签常用

实体：一定要加分号！

dawnlini

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

第一章 初识HTML

第一章 初识HTML

第一章初识HTML

第一章初识HTML