第一次网页前端培训笔记(HTML标签)

学习网址:视频网址    资料网址

1.安装编译器

HbuilderX安装地址​​​​​​​

2.框架

第一次网页前端培训笔记(HTML标签)

 3.内容框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />提供文档信息,浏览器设置utf-8可以显示中文
		<title>标题</title>
	</head>
	<body>
		内容
	</body>
</html>

4.常用标签

标题:h1~h6,大小递减,会自动换行(块级元素)减少使用h1标签,<h1></h1>。

段落:p,会自动换行(块级元素),<p></p>。

换行:br,单标签  <br>或<br/>。

水平线:hr,单标签,属性有color颜色,size粗细,width长度,align对齐方式,

              <hr color=" " size=" " width="百分比或px" align="默认居中/lift/right">。

无序列表:ul,前面可为三种形状,<ul type=" "><li>内容<li></ul>。

有序列表:ol,前面为排序可选五种,<ol type=" "><li>内容<li></ol>。

div:万能标签,块级元素,可与css配合使用,默认占全部宽度,高度有多少占多少,可设置

        style设置width宽度,height高度,align设置对齐方式,

        <div style="width:  px或百分比;height: px;"align=" ">内容</div>。

span:行内元素,不会自动换行,不可设置宽高,<span>内容</span>。

格式化标签:有font标签、pre标签、b、i、u、del、sup、sub。

font:可设置color字体颜色、size字体大小、face字体风格,

          <font color=" " size=" " face=" ">内容</font>。

pre:为预格式化标签,可保留空格与换行,<pre>内容</pre>。

b:加粗(也可以用strong)i:倾斜 u:下划线 del:中划线  sup:上 b:下标    皆为双标签。

a标签:超链接标签,用于链接到一个新的URL。

             常用属性:href(必须属性)为需要跳转的地址、target为窗口打开方式:_self为当前窗口打                 开(默认);_blank为空白窗口打开,<a href=" " target=" ">名字</a>

             作为锚点:name属性,<a name=" ">内容</a>、其他id属性<div id=" ">内容<div>

图片:img其源属性为src,alt 属性用来为图像定义一串预备的可替换的文本

           <img src="URL" alt="some_text">,URL指存储图像的位置。

           height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。

           <img src="URL" alt="some_text" width=" " height=" ">

上一篇:docker常用命令


下一篇:Rx Java 异步编程框架