前端之前端介绍或html的常用标签1

一 web服务器的本质

　由浏览器发送一个请求。服务器接收到，然后在回应一个响应。

　由于浏览器的不同，web服务器响应的内容不一定被浏览器接收。

　HTTP/1.1 201 OK\r\n\r\n需要发送的内容：是为了给浏览器看的。http协议名称；201：状态码

如下：

import socket

sock=socket.socket()

sock.bind(('127.0.0.1',8888))

sock.listen(5)

while True:

    conn,addr=sock.accept()

    res=conn.recv(1024)

    print(res.decode('utf8'))

    conn.send(b'HTTP/1.1 201 OK\r\n\r\n<h1>hello</h1>')

    conn.close()

二 html介绍

　什么是html：放一些标签文件，通过标签文件来显示网页中的各个部分。不是编程语言，而是一种标签语言，它使用标签来显示网页。

　浏览器根据不同的标签语言显示相对应的渲染效果。但是不同的浏览器对于同一个标签文件渲染的效果不同。

　HTML注意事项的是一个静态的网页效果。

　文件的后缀名是给人看的，不同的后缀名的文件类型不同。

1 web 服务本质

def main():

    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

    sock.bind(('localhost',8081))

    sock.listen(5)

    while True:

        print("server is working.....")

        conn, address = sock.accept()

        request = conn.recv(1024)

        conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n<h1>Hello Yuan</h1>","utf8"))

        conn.close()

if __name__ == '__main__':

    main()

2 html 是什么？

2.1 超本文标记语言(Hypertext Markup Language , HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则

2.2 浏览器按照顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一个标签可能会有不完全相同的解释（兼容性）

2.3 静态网页文件扩展名：html 或 .htm

3 html不是什么？

3.1HTML 不是一种编程语言，而是一种标记语言 (markup language)
3.2HTML 使用标记标签来描述网页

4 html 结构

4.1 基本骨架

　　　组成了网页最主要的部分：html ， head ， body ， title。

　　4.1.1 <!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档

　　　4.1.2 <html></html> ：是网页文件的根标签，所有的标签都要书写在html标签内部。也是文档开始标记和结束标记。此元素告诉浏览器其自身是一个HTML文档，在他们之间是文档的头部<head>和主体<body>

　　　4.1.3 <head></head>：网页的头部，内部的内容是对整个网页文件进行的配置，所有的配置的内容在网页中都不会显示,但是在其间有特殊的意义。

　　　4.1.4 <title></title>：网页的标题内容，加载网页时显示在网页名称部分。实际工作中最好写title，title中的关键字可以作为搜索引擎抓取时的关键字，提高SEO。title内部的内容会显示在搜索结果的标题部分，还可以作为收藏夹默认网页标题。

　　　4.1.5 <body></body>网页主体部分，是用户可以看到的区域。所有结构相关的标签，都是书写在body内部。

4.2html标签格式

　　　　标签的语法：

　　　　　　<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>

　　　　　　<标签名属性1=“属性值1” 属性2=“属性值2”…… />

5 基本标签

三 HTML结构

　！DOCTYPE html：标签格式，h5的格式。

　html标签：构建了一套规则，是给浏览器看的一套规则，里面放所有的标签，显示的内容，是根节点。

　head标签：是html标签的子标签，里面放的是一些解释型的类容。head标签里面的内容不会在浏览器页面上显示，但是有其特殊的意义。

　meta标签：解析编码给浏览器看，提供网页相关的内容信息。针对搜索引擎和更新频度的描述和关键字。

　title标签：定义的是网页标题，在标题栏显示。

　body标签：里面存放的即使自己想要显示在网页的内容，所有的标签都要放在这个里面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

</body>

</html>

　标签与标签之间是可以嵌套的。html里面的标签是不区分大小写的

　　补充：在python2中头一行的格式是解析编码，是给解释器看的。

　meta标签的属性

　　content属性：主要用于搜索引擎机器人查找信息和分类信息用的，其实就是各个参数的变量值。

　　name属性：主要是描述网页与sontent属性相对应。

　　http-equiv属性高：相当于http文件头作用。向浏览器传回一些有用信息，帮助显示正确的网页内容。也与content相对应。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="keywords" content="meta总结,html meta meta,meta属性，meta跳转">

    <meta name="description" content="老男孩培训机构是有一个很老很老的男人创建的">

    <title>老男孩</title>

</head>

<body>

<h1>hahha</h1>

</body>

</html>

　导入标签：

　　link标签：导入css文件里面的内容，同时这里面还可以放网页标题的图标。

　　　href：放网页标题图标。

　　　css文件：主要是为了渲染网页，给网页布局。

　　script：导入js文件里面的内容

　　　js文件：主要做网页的动态效果。

    <link rel="icon" href="http://www.jd.com/favicon.ico">

    <link rel="stylesheet" href="css.css">

    <script src="hello.js"></script>

　标签语法格式分为：自定义标签和闭合标签

　　闭合标签：<标签名 >闭合体</标签名>

　　自定义标签：<标签名属性1='属性值1' 属性2='属性值2'........> 自定义标签，也叫做自闭合标签。

　　标签属性必须放在前面的那一个，不能加到后面。

四 body标签下的常用标签

　hn系列的标签：h1到h6标签

　　根据h后面的数字的大小，h后面数字越大，标签里面的字体就会越小

　p标签：段落标签，一个标签代表一个段落

　br标签：换行标签

　b标签：加粗标签

　strong标签：加粗标签

　strike标签：给内容加上一横线

　hr标签：做分割线的标签，也叫做水平线

　em标签：文字变成斜体

　sup：上角标

　sub：下角标

　img标签：添加图片

　　属性：src属性：后面加上图片的链接。title：鼠标悬浮时提示的信息。alt：图片没有加载成功的提示。width：图片的宽度。height：图片的高度。（width和height属性如果只用一个就会自动灯笔缩放）

　a标签：超链接标签，可以点击进入下一个网页页面。

　　属性：href：写入需要跳转的页面或内容。target='-blank'：跳出一个新的面页显示内容。

　　a标签的抛锚功能：就是在同一个网页内跳转。

　div标签：整个网页用的最多的一个标签，没有任何特点，但是在css里面最好操作的一个块级标签。

　span标签：和div标签一样，没有任何特点，但是在css里面最好操作，是一个内敛标签。

　大多数标签的通用属性

　　background-color：背景颜色

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="keywords" content="meta总结,html meta meta,meta属性，meta跳转">

    <meta name="description" content="老男孩培训机构是有一个很老很老的男人创建的">

    <title>老男孩</title>

    <style>

        div{

            background-color:red;

        }

        span{

            background-color:red;

         }

    </style>

</head>

<body>

<h1>fang</h1>

<h2>fang</h2>

<h3>fang</h3>

<h4>fang</h4>

<h5>fang</h5>

<h6>fang</h6>

<p>美女啊</p>

<p>美女啊</p>

<p>美女啊</p>

<p>美女啊</p>

haha<br>heihei

<b>昊哥骚</b>

<strong>骚昊哥</strong>

<strike>臭昊子</strike>

<hr>

<em>昊哥骚臭</em>

<sup>耗子</sup>

<sub>昊子</sub>

<img src="111.png" alt="老左" title="老左" width='190' height='200' >

<a href="111.png" target="_blank">点击</a>

<div>fang</div>

<span>fang</span>

</body>

</html>

　　id：相当于身份证号，方便查找，不能重复

　　class：类属性，可以用相同的类查找。可以重复

　　在a。href标签中，如果查找的是id，就需要在id号的前面加上一个#号。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<a href="#d1">第1章</a>

<a href="#d2">第2章</a>

<a href="#d3">第3章</a>

<hr>

<div id="d1" style="height:500px;background-color: #2b47ff">第一章</div>

<div id="d2" style="height:500px;background-color: darkcyan">第二章</div>

<div id="d3" style="height:800px;background-color: darkgoldenrod">第三章</div>

</body>

</html>

　table标签：表格标签

表格概念
表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。
表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。

　　table标签下的标签：

　　　tr标签：行级标签；td标签：单元格标签，列标签；th标签：标题标签。

　　table标签里面的属性：

　　　border属性：　加上边框线；cellspacing属性：边框与边框的距离；callpadding属性：文件与边框的距离。

　　td下面的属性：

　　　rowspan属性：独占几行；colspan属性：独占几列。align属性：调字体位置（

left	左对齐内容（默认值）。
right	右对齐内容。
center	居中对齐内容。
justify	对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。
char	将内容对准指定字符。

）

详细信息：http://www.w3school.com.cn/tags/att_td_align.asp

　使用格式：

<table>

         <tr>

                <td>标题</td>

                <td>标题</td>

         </tr>

         <tr>

                <td>内容</td>

                <td>内容</td>

         </tr>

</table>

练习：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<table border="1">

    <tr>

        <th colspan="3">星期一菜谱</th>

    </tr>

    <tr>

        <td rowspan="2">素菜</td>

        <td >青草茄子</td>

        <td >花椒扁豆</td>

    </tr>

    <tr>

        <td>小葱豆腐</td>

        <td>炒白菜</td>

    </tr>

    <tr>

       <td rowspan="2">荤菜</td>

       <td >油闷大虾</td>

       <td >海参鱼翅</td>

    </tr>

    <tr>

        <td>红烧肉 <img src="222.png" width="100" height="75"></td>

        <td>烤全羊</td>

    </tr>

</table>

<br>

<table border="1">

    <tr>

        <th>项目</th>

        <th colspan="5">上课</th>

        <th colspan="2">休息</th>

    </tr>

    <tr>

        <th>星期</th>

        <th>星期一</th>

        <th>星期二</th>

        <th>星期三</th>

        <th>星期四</th>

        <th>星期五</th>

        <th>星期六</th>

        <th>星期日</th>

    </tr>

    <tr>

        <td rowspan="4">上午</td>

        <td>语文</td>

        <td>数学</td>

        <td>英语</td>

        <td>英语</td>

        <td>物理</td>

        <td>计算机</td>

        <td rowspan="4">休息</td>

    </tr>

    <tr>

        <td>数学</td>

        <td>数学</td>

        <td>地理</td>

        <td>历史</td>

        <td>化学</td>

        <td>计算机</td>

    </tr>

    <tr>

        <td>化学</td>

        <td>语文</td>

        <td>体育</td>

        <td>计算机</td>

        <td>英语</td>

        <td>计算机</td>

    </tr>

    <tr>

        <td>政治</td>

        <td>英语</td>

        <td>体育</td>

        <td>历史</td>

        <td>地理</td>

        <td>计算机</td>

    </tr>

    <tr>

        <td rowspan="2">上午</td>

        <td>语文</td>

        <td>数学</td>

        <td>英语</td>

        <td>英语</td>

        <td>物理</td>

        <td>计算机</td>

        <td rowspan="2">休息</td>

    </tr>

    <tr>

        <td>数学</td>

        <td>数学</td>

        <td>地理</td>

        <td>历史</td>

        <td>化学</td>

        <td>计算机</td>

    </tr>

</table>

</body>

</html>

标签的分类分为两大类：块级标签和内联标签

　块级标签就是独占一行；内联标签就是只占用文本的大小。

　块级标签（block）有：h系列 div p br hr table tr

　内联标签（inline）有：b strong strike em sup sub img a span td th

　标签的嵌套规则：块级标签可以嵌套块级标签和内联标签，内联标签只能够嵌套内联标签。而p标签不能嵌套其他的块级标签

超链接标签(锚标签): <a> </a>

　　什么是超级链接？所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序

什么是URL？

URL是统一资源定位器(Uniform Resource Locator)的缩写，也被称为网页地址，是因特网上标准的资源的地址。

URL举例

http://www.sohu.com/stu/intro.html

http://222.172.123.33/stu/intro.html

URL地址由4部分组成

第1部分：为协议：http://、ftp://等

第2部分：为站点地址：可以是域名或IP地址

第3部分：为页面在站点中的目录：stu

第4部分：为页面名称，例如 index.html

各部分之间用“/”符号隔开。

'''

<a href="" target="_blank" >click</a>

href属性指定目标网页地址。该地址可以有几种类型：

    绝对 URL - 指向另一个站点（比如 href="http://www.jd.com）

    相对 URL - 指当前站点中确切的路径（href="index.htm"）

    锚 URL - 指向页面中的锚（href="#top"）

'''

5 常用符号和颜色

符号：

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β
Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ
Ι	Ι	Ι	Κ	Κ	Κ
Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π
Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ
Φ	Φ	Φ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β
γ	γ	γ	δ	δ	δ
ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ
ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ
ο	ο	ο	π	π	π
ρ	ρ	ρ	ς	&sigmaf;	ς
特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ
χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	&thetasym;	ϑ
ϒ	&upsih;	ϒ	ϖ	ϖ	ϖ
•	•	•	…	…	…
′	′	′	″	″	″
‾	&oline;	‾	⁄	&frasl;	⁄
℘	&weierp;	℘	ℑ	&image;	ℑ
ℜ	&real;	ℜ	™	™	™
ℵ	&alefsym;	ℵ	←	←	←
↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔
↵	&crarr;	↵	⇐	⇐	⇐
⇑	&uArr;	⇑	⇒	⇒	⇒
⇓	&dArr;	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂
∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈
∉	∉	∉	∋	&ni;	∋
∏	∏	∏	∑	∑	−
特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
−	−	−	∗	&lowast;	∗
√	√	√	∝	&prop;	∝
∞	∞	∞	∠	&ang;	∠
∧	&and;	⊥	∨	&or;	⊦
∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	&there4;	∴
∼	&sim;	∼	≅	&cong;	≅
≈	≈	≅	≠	≠	≠
≡	&equiv;	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	&nsub;	⊄
⊆	&sube;	⊆	⊇	&supe;	⊇
⊕	&oplus;	⊕	⊗	&otimes;	⊗
⊥	&perp;	⊥	⋅	⋅	⋅
⌈	&lceil;	⌈	⌉	&rceil;	⌉
⌊	&lfloor;	⌊	⌋	&rfloor;	⌋
◊	&loz;	◊	♠	&spades;	♠
♣	&clubs;	♣	♥	&hearts;	♥
♦	&diams;	♦
¡	¡	¡	¢	¢	¢
£	£	£	¤	¤	¤
特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
¥	¥	¥	¦	¦	¦
§	§	§	¨	¨	¨
©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
			®	®	®
¯	¯	¯	°	°	d°
±	±	±	²	²	²
³	³	³	´	´	´
µ	µ	µ

颜色表：

CSS颜色代码大全

FFFFFF	#DDDDDD	#AAAAAA	#888888	#666666	#444444	#000000
#FFB7DD	#FF88C2	#FF44AA	#FF0088	#C10066	#A20055	#8C0044
#FFCCCC	#FF8888	#FF3333	#FF0000	#CC0000	#AA0000	#880000
#FFC8B4	#FFA488	#FF7744	#FF5511	#E63F00	#C63300	#A42D00
#FFDDAA	#FFBB66	#FFAA33	#FF8800	#EE7700	#CC6600	#BB5500
#FFEE99	#FFDD55	#FFCC22	#FFBB00	#DDAA00	#AA7700	#886600
#FFFFBB	#FFFF77	#FFFF33	#FFFF00	#EEEE00	#BBBB00	#888800
#EEFFBB	#DDFF77	#CCFF33	#BBFF00	#99DD00	#88AA00	#668800
#CCFF99	#BBFF66	#99FF33	#77FF00	#66DD00	#55AA00	#227700
#99FF99	#66FF66	#33FF33	#00FF00	#00DD00	#00AA00	#008800
#BBFFEE	#77FFCC	#33FFAA	#00FF99	#00DD77	#00AA55	#008844
#AAFFEE	#77FFEE	#33FFDD	#00FFCC	#00DDAA	#00AA88	#008866
#99FFFF	#66FFFF	#33FFFF	#00FFFF	#00DDDD	#00AAAA	#008888
#CCEEFF	#77DDFF	#33CCFF	#00BBFF	#009FCC	#0088A8	#007799
#CCDDFF	#99BBFF	#5599FF	#0066FF	#0044BB	#003C9D	#003377
#CCCCFF	#9999FF	#5555FF	#0000FF	#0000CC	#0000AA	#000088
#CCBBFF	#9F88FF	#7744FF	#5500FF	#4400CC	#2200AA	#220088
#D1BBFF	#B088FF	#9955FF	#7700FF	#5500DD	#4400B3	#3A0088
#E8CCFF	#D28EFF	#B94FFF	#9900FF	#7700BB	#66009D	#550088
#F0BBFF	#E38EFF	#E93EFF	#CC00FF	#A500CC	#7A0099	#660077
#FFB3FF	#FF77FF	#FF3EFF	#FF0 0FF	#CC00CC	#990099	#770077

顏色名稱	代碼	顏色
maroon	#800000
darkred	#8B0000
brown	#A52A2A
firebrick	#B22222
crimson	#DC143C
red	#FF0000

桃紅~紛紅

顏色名稱	代碼	顏色
mediumvioletred	#C71585
palevioletred	#D87093
deeppink	#FF1493
fuchsia(magenta)	#FF00FF
hotpink	#FF69B4
pink	#FFC0CB
lightpink	#FFB6C1
mistyrose	#FFE4E1
lavenderblush	#FFF0F5

紫

顏色名稱	代碼	顏色
indigo	#4B0082
purple	#800080
darkmagenta	#8B008B
darkorchid	#9932CC
blueviolet	#8A2BE2
darkviolet	#9400D3
slateblue	#6A5ACD
mediumpurple	#9370DB
mediumslateblue	#7B68EE
mediumorchid	#BA55D3
violet	#EE82EE
plum	#DDA0DD
thistle	#D8BFD8
lavender	#E6E6FA

褐~橘~米白

顏色名稱	代碼	顏色
saddlebrown	#8B4513
sienna	#A0522D
chocolate	#D2691E
indianred	#CD5C5C
rosybrown	#BC8F8F
lightcorol	#F08080
salmon	#FA8072
lightsalmon	#FFA07A
orangered	#FF4500
tomato	#FF6347
coral	#FF7F50
darkorange	#FF8C00
sandybrown	#F4A460
peru	#CD853F
tan	#D2B48C
burlywood	#DEB887
wheat	#F5DEB3
moccasin	#FFE4B5
navajowhite	#FFDEAD
peachpuff	#FFDAB9
bisque	#FFE4C4
antuquewhite	#FAEBD7
papayawhip	#FFEFD5
cornsilk	#FFF8DC
oldlace	#FDF5E6
linen	#FAF0E6
seashell	#FFF5EE
snow	#FFFAFA
floralwhite	#FFFAF0
ivory	#FFFFF0
mintcream	#F5FFFA

金~黃

顏色名稱	代碼	顏色
darkgoldenrod	#B8860B
goldenrod	#DAA520
gold	#FFD700
yellow	#FFFF00
darkkhaki	#BDB76B
khaki	#F0E68C
palegoldenrod	#EEE8AA
beige	#F5F5DC
lemonchiffon	#FFFACD
lightgoldenrodyellow	#FAFAD2
lightyellow	#FFFFE0

~黃

綠

顏色名稱	代碼	顏色
darkslategray	#2F4F4F
darkolivegreen	#556B2F
olive	#808000
darkgreen	#006400
forestgreen	#228B22
seagreen	#2E8B57
green(teal)	#008080
lightseagreen	#20B2AA
madiumaquamarine	#66CDAA
mediumseagreen	#3CB371
darkseagreen	#8FBC8F
yellowgreen	#9ACD32
limegreen	#32CD32
lime	#00FF00
chartreuse	#7FFF00
lawngreen	#7CFC00
greenyellow	#ADFF2F
mediumspringgreen	#00FA9A
springgreen	#00FF7F
lightgreen	#90EE90
palegreen	#98F898
aquamarine	#7FFFD4
honeydew	#F0FFF0

藍

顏色名稱	代碼	顏色
midnightblue	#191970
navy	#000080
darkblue	#00008B
darkslateblue	#483D8B
mediumblue	#0000CD
royalblue	#4169E1
dodgerblue	#1E90FF
cornflowerblue	#6495ED
deepskyblue	#00BFFF
lightskyblue	#87CEFA
lightsteelblue	#B0C4DE
lightblue	#ADD8E6
steelblue	#4682B4
darkcyan	#008B8B
cadetblue	#5F9EA0
darkturquoise	#00CED1
mediumturquoise	#48D1CC
turquoise	#40E0D0
skyblue	#87CECB
powderblue	#B0E0E6
paleturquoise	#AFEEEE
lightcyan	#E0FFFF
azure	#F0FFFF
aliceblue	#F0F8FF
aqua(cyan)	#00FFFF

黑~灰~白

顏色名稱	代碼	顏色
black	#000000
dimgray	#696969
gray	#808080
slategray	#708090
lightslategray	#778899
dakgray	#A9A9A9
silver	#C0C0C0
lightgray	#D3D3D3
gainsboro	#DCDCDC
whitesmoke	#F5F5F5
ghostwhite	#F8F8FF
white	#FFFFFF

前端之前端介绍或html的常用标签1的更多相关文章

前端学习笔记之HTML body内常用标签
阅读目录一 HTML语义化二字符实体三 h系列标签四 p标签五 img标签六 a标签七列表标签八 table标签九 form标签一 HTML语义化 body中的标签是会显示到浏 ...
html常用标签有哪些
html看似复杂,其实常用的标签并不多,这里总共介绍一些html的常用标签文字处理: ①标题:<h1> to <h6> ②段落:<p>文字段落</p> ...
html常用标签有哪些？
html看似复杂,其实常用的标签并不多,这里总共介绍一些html的常用标签文字处理: ①标题:<h1> to <h6> ②段落:<p>文字段落</p> ...
对HTML的理解及常用标签使用介绍--来自我的百度前端技术学院的笔记
HTML是什么,HTML5是什么? ——HTML:超文本标记语言,一种用于创建网页的标准标记语言: ——HTML5:目前最新的HTML标准,包含新的元素.属性.行为,基于它们的功能特征将他们分成不同的 ...
web@前端--html,css,javascript简介、第一个页面(常用标签简介)
1.什么是标签#1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签,#2. ...
web标准浏览器介绍开发工具介绍 HTML介绍 HTML颜色介绍规范 HTML结构详解 {前端之前端初识}
前端之前端初识前端初识本节目录一 web标准二浏览器介绍三开发工具介绍四 HTML介绍五 HTML颜色介绍六规范七 HTML结构详解一 web标准 web准备介绍: 1. ...
Sublime Text前端开发工具介绍
Sublime Text前端开发工具介绍.. Sublime Text这款前端开发工具中的非常优秀的特性进行介绍 ------------ sublime text 3 3114 注册码 —– BEG ...
[原创]H5前端性能测试工具介绍
[原创H5前端性能测试工具介绍一网络抓包工具网络抓包工具选择原则,可以捕获网络请求,抓取具体请求信息流,同时可以针对网络请包进行修改或拦截: 1.Fiddler(推荐) 2.Charles(推荐 ...
前端基础之html常用标签
前言: 1.在B-S模式下,server服务端和客户端之间使用http协议(规定客户端应该怎么请求服务端,服务端应该怎么响应)通信: 2.传输过程浏览器向服务端发起 post/get请求服务 ...

随机推荐

游戏引擎架构，3d游戏引擎设计、Unreal引擎技术等五本PDF推荐
扫码时备注或说明中留下邮箱付款后如未回复请至https://shop135452397.taobao.com/ 联系店主
FortiGate防火墙内存使用率高问题
1.现象:zabbix监控到防火墙内存使用率频繁超过80%,而FortiGate防火墙内存超过80%将开启自身保护模式而不能新加策略等. 2.分析:这种情况一般是某些进程再释放内存的时候卡住.可以先查 ...
f5 irules
1.插入XFF when HTTP_REQUEST { if { [HTTP::header exists X-Forward-For] } { set old_xff [HTTP::header v ...
浅谈Java代理一：JDK动态代理-Proxy.newProxyInstance
浅谈Java代理一:JDK动态代理-Proxy.newProxyInstance java.lang.reflect.Proxy:该类用于动态生成代理类,只需传入目标接口.目标接口的类加载器以及Inv ...
Fresco加载显示gif图片
第一步:首先要导包 Android Studio 或者 Gradle dependencies { compile 'com.facebook.fresco:fresco:0.6.0+' } 第二步: ...
bean生命周期_Junit测试使用factory模式
在面试某互联网_保险公司, 被问到了spring中bean的生命周期,不禁联想到我们之前作 junit测试时,使用了Factory模式,而没有用Mock.
10.17JS日记
1.变量提升变量提升是浏览器的一个功能,在运行js代码之前,浏览器会给js一个全局作用域,叫window, window分为两个模块,一个叫做内存模块,一个叫做运行模块,内存模块找到当前作用域下的 ...
js原生语法实现表格操作
HTML页面: <!doctype html> <html lang="en"> <head> <meta charset="U ...
Django 模板语言路由视图
. 模板语言(字符串替换) . 母版和继承 . 什么时候用母版? html页面有重复的代码,把它们提取出来放到一个单独的html文件. (比如:导航条和左侧菜单) . 子页面如何使用母版? {% ex ...
对于读txt文件一点总结
txt 内容中间有比如如空格,制表符(tab)在txt为空格符(Spaces).回车符.换行符,有空字符串等情况,在读取过滤中要充分考虑到 1:打开文件 var sr=new StreamReade ...

前端之前端介绍或html的常用标签1

前端之前端介绍或html的常用标签1的更多相关文章

随机推荐

热门专题