前端代码的基础认识

tech2024-08-11  52

前端初入门

1.认识结构2.常用标签

1.认识结构

文档头:告诉浏览器用哪一种方式编译代码

<!DOCTYPE html>

head放置的是配置文件

<head></head>

meta字符集相当于字典。正常情况下,只能识别英文.识别不了中文韩文

<meta charset="UTF-8">

title网站标题

<title>第一个网页</title>

body书写可视区域内容

<body></body>

增加一个小知识点:在我们浏览网站时都能发现这样的图标 例: 小图标添加方法: ico图标制作 1.找到在线转化网址http://www.ico51.cn/ http://www.bitbug.net/ 2.把自己的图片转化为ico 3.在页面引入

<link rel="shortcut icon" href="favicon.ico" />

放入title下方

<title>第一个网页</title>

2.常用标签

(1)<img src="" alt=""> src放置图片地址 title鼠标移入提示文字 alt图片不能正常显示提示文字 (2)<a href=""></a> 超链接 a href跳转的地址 默认在当前页面打开,加target="_blank"在新页面打开 (3)<h1>一级标题</h1> 标题文字h1-h6 (4)<p></p> 段落文字 p (5) <ol><li></li> </ol> ol:ordered list有序列表 li:list item列表项 ol的子级(第一层包裹内容)必须是li (6)<ul><li></li> </ul> ul:unordered list无序列表 li:list item列表项 ul的子级必须是li (7)<div></div> div用于大区域大面积排版

最新回复(0)