HTML和CSS

最新推荐文章于 2023-04-07 09:44:35 发布

白开水最甜

最新推荐文章于 2023-04-07 09:44:35 发布

阅读量650

点赞数

分类专栏： javaweb 文章标签： html css

本文链接：https://blog.csdn.net/weixin_51994374/article/details/119611547

版权

一、书写规范<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>标题</title></h

摘要由CSDN通过智能技术生成

HTML

一、书写规范

<!DOCTYPE html><!--约束，声明-->
<html lang="zh_CN"><!--html标签表示html的开始 html标签分为两部分，分别是head和body-->
<head><!-- 头部信息包括三部分：title标签，css样式，js代码-->
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body><!--整个html页面 显示的主体内容-->
    hello
</body>
</html>

要点：注释内容可以在页面右击查看源代码中看到

二、标签

要点总结：

1、标签的格式

<标签名>封装的数据</标签名>

2、标签名对大小写不敏感

3、标签拥有自己的属性

基本属性：bgcolor="red" 可以修改简单的样式效果

事件属性：οnclick="alert('你好')；" 可以直接设置事件响应后的代码

<button onclick="alert('辉县小王')">按钮</button>

4、类型

单标签：<标签名/>

双标签：<标签名>...封装的数据...</标签名>

<br/>:换行符

<hr/>:水平线

三、常用标签

1、front字体标签

设置文本的颜色，字体，大小

<font color="red" face="宋体" size="7">我是字体标签</font>

2、特殊字符

< ----<

> ---->

空格 -----&nbsp(若不使用特殊符号替换，不管加多少空格，都默认是一个)

3、标题标签

<h1 align="left">标题1</h1>
<h2 align="center">标题2</h2>
<h3 align="right">标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<h7>标题7</h7>

要点总结：
1、标题只有1-6 一最大六最小

2、align="left|center|right" (默认情况下标题左对齐)

4、超链接

<a href="http://www.baidu.com">百度</a><br/>
<a href="http://www.baidu.com" target="_self">百度self</a><br/>
<a href="http://www.baidu.com" target="_blank">百度blank</a><br/>

self:在本页面跳转

blank：在另一空白页跳转

5、列表标签

<ul>
    <li>赵四</li>
    <li>刘能</li>
    <li>小沈阳</li>
    <li>宋小宝</li>
</ul>

要点总结：

（1）ul是无序，ol是有序

（2）li是列表项

（3）type属性可以改变列表项前面的符号

<ul type="none">
    <li>赵四</li>
    <li>刘能</li>
    <li>小沈阳</li>
    <li>宋小宝</li>
</ul>

赵四

刘能

小沈阳

宋小宝

6、img标签

要点总结：

（1）web中的路径

相对路径：

. 表示当前文件所在的目录

.. 表示当前文件所在的上一级目录

文件名表示当前文件所在目录的文件，相当于./ ./省略

绝对路径：http://ip:port/工程名/资源路径

（2）设置图片

<img src="../imgs/1.png" height=&#

最低0.47元/天解锁文章

白开水最甜

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
HTML和CSS

一、书写规范<!DOCTYPE html><html lang="zh_CN"><head> <meta charset="UTF-8"> <title>标题</title></h
复制链接

扫一扫