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

2019-08-29

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

 

一.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> (不太用)
设置水平线

标签六: <sup></sup>
设置文字的上标

<sub></sub>
设置文字的下标

标签七: <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="提示信息"(提示信息 大部分标签都支持)
默认的样式:文本为蓝色 带下划线
 
-----------------------------------------------------------------------------------------------
本人小白,希望借助博客园平台,分享自己学习过程中的点滴,还有很多不足,欢迎大家指正,

 

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

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

原文地址:https://www.cnblogs.com/huan0302/p/11432457.html