Html的基本知识(结构,标签)

Posted 2022-09-09 huan0302

 

一.html的基本语法:

单标记:

<标签 属性="属性值">

双标记:

<标签 属性="属性值"> </属性>

 

二 基本标签:

 

文本标题标记:

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

<h1></h1> 具有唯一性,同一页面内只能出现一次,放网站logo

标签一:<i></i> <em></em>(有强调的作用)

设置文本文字的倾斜效果

标签二:<b></b> <strong></strong>(有着重的作用)

设置文本文字的加粗效果

标签三: <u></u>

设置文本文字的下划线

 

标签四: <br>

强制换行

标签五: <hr> (不太用)

设置水平线

标签六: 

设置文字的上标



设置文字的下标

标签七: <p></p>

设置段落

标签八:<del></del> 删除文本

<ins></ins> 插入文本

注:一般删除文本和插入文本都是一块用的

HTML中常用的转义字符:

&nbsp: 不换行空格

&gt:右尖括号>

&lt:左尖括号

&copy:备案图标版权

&reg:注册商标

&amp:和号

&yen:人民币

列表标签:

1.无序列表:前面是一个点 ul 和李之间不能加其他的标签

<ul>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

</ul>

导航栏,标题多用

2.有序列表:前面是一个数字

<ol>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

</ol>

多用于轮播图之类的

type:规定列表以某种类型的文字开头

<ol type="a" start="c"> type规定某种类型,start规定从哪开始

3.自定义列表:<dt>中文字与<dd>是错行的

<dl>

<dt></dt>

<dd></dd>

</dl>

超链接:

<a href=""></a>标签

<a href="#">空链接</a>

<a href="##">next</a>不调整

<a href="javascript:void(0);">next</a>

a标签的属性:

herf="目标的URL"(路径)

target="_black" 属性值:_self(默认值) _blank(新建窗口打开目标文件)

title="提示信息"(提示信息 大部分标签都支持)

默认的样式:文本为蓝色 带下划线

 

-----------------------------------------------------------------------------------------------

本人小白,希望借助博客园平台,分享自己学习过程中的点滴,还有很多不足,欢迎大家指正,