第一次网络前端培训日记

最新推荐文章于 2024-04-18 17:03:04 发布

。疯狂派大星。

最新推荐文章于 2024-04-18 17:03:04 发布

阅读量529

点赞数

文章标签：网络前端

本文链接：https://blog.csdn.net/zt031026/article/details/122774533

版权

1.安装编译器

HBuilderX-高效极客技巧

2.基础操作

HTML 标题

HTML 段落

HTML 链接

HTML 图像

3.html基本框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>

4.HTML基本标签

（1） HTML标签：

作用所有HTML中标签的一个根节点。

（2） head标签：

作用：用于存放：

title,meta,base,style,script,link

注意在head标签中我们必须要设置的标签是title

（3）.title标签：

作用：让页面拥有一个属于自己的标题。

（4）.body标签：

作用：页面在的主体部分，用于存放所有的HTML标签：

p,h,a,b,u,i,s,em,del,ins,strong,img

属性：

color:文本的颜色
bgcolor:背景色
background:背景图片

5.列表

无序列表标签： <ul></ul>
属性：type :三个值，分别为：
circle(空心圆) ,disc(默认,实心圆),square(黑色方块)
列表项：<li></li>

注意：
<ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
<li>与</li>之间相当于一个容器，可以容纳所有元素。
无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
有序列表 ol
有序列表标签：<ol>
属性：type：

6.锚点定位

通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：

（1）.使用a href=”#id名>“链接文本"</a>创建链接文本。

（2）.使用相应的id名标注跳转目标的位置

表格标签

表格由<table>标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。