前端的入门内容

金乐霖

已于 2023-07-18 09:33:24 修改

阅读量57

点赞数

文章标签：前端 html css

于 2023-07-14 21:03:47 首次发布

本文链接：https://blog.csdn.net/qs15934519266/article/details/131731240

版权

1一些常见的标签

标题标签<H1>到h6;f分割线标签<hr/>;段落标签<p>;<blockquote>:段落缩进标签;
滚动标签marquee;格式化标签<>;
pre标签:原样输出 按照文本的格式原封不动的进行浏览器输出;code标签;上下标标签 sup和sub; 
居中标签 <center>;换行标签<br/>

2.超链接的内容

2.1超链接的基本方式：<a href="url" target="_blank">点击跳转</a>
2.2超链接的锚链接：同一页面下 锚点<a name="名字">   <a href="#名字">
                 不同页面下.....一样.......      <a href="链接url类地址#名字">
2.3http协议,它的的执行流程?
  1给予一个hred链接，请求访问后面的域名2在系统磁盘文件下是否域名对应的IP地址3如果找不到，进行联网操作访问Dns服务器4找到所对应的地址就可以访问

                                   2.1的例子

2.2的例子

3.图像标签的基本内容

3.1基本公式：<img src="../img/bug2.jpg" alt="这是bug的图片" width="400px" height="400px" title="bug图片" />
3.2他的标签：img
3.3他的一些属性：src属性:链接到图片资源地址 (相对路径)
相对路径注意事项:页面存储位置是否在同级目录
title:图像的标题文字提示
设置宽和高:width和height 单位为px或者是权重百分比%
alt:替代文本 (当图片连接失效了,给文字提示信息)
align:左右浮动,left(左对齐)right(右对齐)

4.图像链接

<body background="img/bg.jpg">//背景设置
<a href="adv.html" target="_self">
<img src="img/adv.jpg" width="300px" height="300px" align="left"/>
</a>
</body>
上示例子

5.表格标签的内容

5.1table标签
子标签caption:指定表格的标题内容
tr:行标签
th:表头(特殊单元,居中加粗)
td:数据表内容普通单元格
5.2table标签的常见属性:border="表格边框大小"
cellspacing="单元格的边框和table边框的距离"
width和height:表格宽度和高度像素或者百分比
bgcolor:背景颜色
合并行(行合并)rowspan="所占的单元格的数量"
合并列(列合并)colspan="单元格的数量"

表格的基本使用

表格的嵌套