一. HTML概念：

Hyper Text Markup Language 超文本标记语言。超文本: 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。标记语言:1、由标签构成的语言。如 html，xml。2、标记语言不是编程语言。

二. 快速入门：

语法：

1. html文档后缀名 .html 或者 .htm

2. 标签分为

(1). 围堵标签：有开始标签和结束标签。如

(2). 自闭标签：开始标签和结束标签在一起。如

3. 标签可以嵌套：

需要正确嵌套，不能你中有我，我中有你

错误：

正确：

4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来

5. html的标签不区分大小写，但是建议使用小写。

                  title

三. 标签学习：

1. 文件标签：构成html最基本的标签

html:html文档的根标签

head：头标签。用于指定html文档的一些属性。引入外部的资源

title：标题标签。

body：体标签

：html5中定义该文档是html文档

2. 文本标签：和文本有关的标签

注释：

to

：标题标签

h1~h6:字体大小逐渐递减

：段落标签

：换行标签

：展示一条水平线

属性：

color：颜色

width：宽度;1. 数值：width='20' ,数值的单位，默认是 px(像素)2. 数值%：占比相对于父元素的比例

size：高度

align：对其方式

center：居中

left：左对齐

right：右对齐

：字体加粗

：字体斜体

:文本居中

:字体标签

属性：

color：颜色, 1.英文单词：red,green,blue;2. rgb(值1，值2，值3)：值的范围：0~255 ; 如 : rgb(0,0,255);

size：大小

face：字体

<html lang="ch"><head>        <meta charset="UTF-8">    <title>文本标签title>head><body>        黄河已上架  <br>    dsofhsdoih  <br>        <h1> 标题1h1>    <h2> 标题2h2>    <h3> 标题3h3>    <h4> 标题4h4>    <h5> 标题5h5>    <h6> 表题6h6>    <hr color="red">    1 fnaklgnlaknglaknglkasnglak <br>    2 adsngdkslgndsklgndsklgnds<br>    3 dnsjgndsjlgndsljgnldjsngl<br>    <p>1 fnaklgnlaknglaknglkasnglak p>    <p> 2 adsngdkslgndsklgndsklgndsp>    <p>3 dnsjgndsjlgndsljgnldjsnglp>    <hr>        的广大考生两个都是离开<br>    <b>的广大考生两个都是离开b><br>        的广大考生两个都是离开<br>    <i>的广大考生两个都是离开i>    <hr>    <font color="red" size="5" face="楷体">  的广大考生两个都是离开font><br>    <center>        <font color="red" size="5" face="楷体">  的广大考生两个都是离开font><br>    center>body>html>

3. 图片标签：

img：展示图片

属性：

src：指定图片的位置

4. 列表标签：

有序列表： ol: li:

无序列表：ul: li:

<html lang="ch"><head>    <meta charset="UTF-8">    <title>列表标签title>head><body>        早上起来刚的事情    <ol type="A" start="5">        <li> 睁眼 li>        <li> 看手机 li>        <li> 穿衣服 li>        <li>  洗漱 li>    ol>        早上起来刚的事情    <ul >        <li> 睁眼 li>        <li> 看手机 li>        <li> 穿衣服 li>        <li>  洗漱 li>    ul>    早上起来刚的事情    <ul type="square" >        <li> 睁眼 li>        <li> 看手机 li>        <li> 穿衣服 li>        <li>  洗漱 li>    ul>    早上起来刚的事情    <ul type="circle">        <li> 睁眼 li>        <li> 看手机 li>        <li> 穿衣服 li>        <li>  洗漱 li>    ul>body>html>

5. 链接标签：

a:定义一个超链接

属性：

href：指定访问资源的URL(统一资源定位符)

target：指定打开资源的方式

_self:默认值，在当前页面打开

_blank：在空白页面打开

    点我            点我        点我                  列表标签    联系我们

6. div和span：

(1)div:每一个div占满一整行。块级标签(CSS中详细介绍)

(2)span：文本信息在一行展示，行内标签内联标签

7. 语义化标签：html5为了提高程序的可读性，提供了一些标签。

(1). ：页眉

(2). ：页脚

8. 表格标签：

(1)table：定义表格

width：宽度

border：边框

cellpadding：定义内容和单元格的距离

cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、

bgcolor：背景色

align：对齐方式

(2)tr：定义行

bgcolor：背景色

align：对齐方式

(3)td：定义单元格

colspan：合并列

rowspan：合并行

(4)th：定义表头单元格

：表格标题

：表示表格的头部分

：表示表格的体部分

：表示表格的脚部分

参考：

1.https://www.w3school.com.cn/html5/index.asp

2.黑马视频

html li标签横向排列_Html笔记lt;1gt;相关推荐

html li标签横向排列_HTML简易的常用标签
介绍一下常用的HTML标签,mdn里面有但是都很拗口,今天就介绍几个常用的吧. 1 首先最最最常用的div标签,这个标签就是一个空的标签,是一个闭合标签.什么是闭合标签就是一对的. 例子//<d ...
li标签横向排列_lt;bdigt; | HTML5 双向隔离标签
元素用于隔离文本的一小部分,该文本的格式可设置成与周围的文本方向相反.当具有从右到左方向性的语言(例如阿拉伯语或希伯来语)与左到右语言内联使用时,此功能很有用. 双向文本是既可以包含从左到右(LTR) ...
div内li标签间距_CSS中li标签横向排列出现间距问题
HTML代码块: 导航项目1 导航项目2 导航项目3 导航项目4 导航项目5 导航项目6 导航项目7 导航项目8 CSS代码块: html,body,.wall { margin: 0; border ...
css样式中关于li的横向排列
在css样式中关于li的横向排列的方法大致有两种: 第一种 :直接在<li>里面设置样式 <ul style="list-style:none;"> < ...
div内li标签间距_html ul li 横排间距
怎么通过CSS来修改UL里LI之间的行间距呢? 怎么通过CSS来修改UL里LI之间的行间距呢? . 使用css语句:line-height 通过设置不同的line-height值得到不同间距. 代码: ...
如何让li中的标签内容横向排列
1.li标签默认是按纵向排列的解决方式: 效果图: 2.thymeleaf下设置onclick属性 th:οnclick="'javascript:openBox(\''+${curCab ...
ul li横向排列及圆点处理
如何用CSS制作横向菜单让ul li横向排列及圆点处理第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构.代码是:<ul> <li><a href ...
解决ul的li横向排列换行的问题
解决ul的li横向排列换行的问题参考文章: (1)解决ul的li横向排列换行的问题 (2)https://www.cnblogs.com/sapho/p/5736491.html 备忘一下.
无序列表li横向排列
本文转载自: https://www.cnblogs.com/laogai/p/3406073.html 作者:laogai 转载请注明该声明. 一.横向两列方式排列: 在网页中,很多地方都会用到无序 ...

html li标签横向排列_Html笔记lt;1gt;

to

：标题标签

html li标签横向排列_Html笔记lt;1gt;相关推荐

最新文章

热门文章