html&css总结

最新推荐文章于 2024-09-12 19:55:46 发布

是柒浔啊

最新推荐文章于 2024-09-12 19:55:46 发布

阅读量79

点赞数

分类专栏： html&css 文章标签： css html html5

本文链接：https://blog.csdn.net/m0_50360143/article/details/120294451

版权

html&css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML5的基本语句，包括文档类型声明、头部元素、编码设置、标题标签、字体样式、列表、超链接、引用以及图像的插入。还展示了如何使用无序列表创建带图片的项目符号，以及如何创建超链接和引用。此外，讲解了不同字体样式的应用，如加粗、下划线和删除线。最后，提到了一些其他特殊文本格式和图像属性的使用。

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

01.基本语句

<!DOCTYPE html>     【间接的文档类型声明，表示是一个HTML 5类型的文档】

<html>              【标签是成对出现的，有开始就有结束】

   <head lang="en">   

   <meta charset="UTF-8">       【head中设置文件的编码格式】

     gb2312包含全部中文字符

     utf-8 则包含全世界所有国家需要用到的字符

     页面编码应与页面文件保存时的编码一致

    <title>我的第一个网页</title>  【head中的title就是网页的标题】

    </head>

<body>

  hello world !!!        【body中写的是网页的主要内容】

</body>

</html>

这是加粗的字体
这是加下划线的字体
<s>这是加删除线的字体</s>
斜体

<hr/> 水平线

无序列表将图片作为项目符号：

<body>
        <ul style="list-style-image:url(9.png);">
            <li>jishengming</li>
        </ul>
    </body>

超链接的建立：

<a href="跳转路径" target=_black>链接</a>

引用

<blockquote>长引用</blockquote>
<q>短引用</q>
<cite>引用来源（书名，影视名等）</cite>

其他

<em>强调文本</em>
<dfn>定义项目</dfn>
<code>代码</code>
<samp>计算机样本</samp>
<var>变量</var>

图像的插入

<img str=参数值 alt=参数值 border=参数值 align=参数值 height=参数值 width=参数值 />

str 图像路径 str="1.png"

alt 规定图像的替代文本 alt="图片"

border 定义图像周围的边框 border="2"

align 定义图片想对于文字的位置 align="center"

top
bottom
middle/center
left
right

height,width 定义图像的高度,宽度 height="30px"或height="30%"

hspace,vspace 定义图像左侧和右侧,顶部和底部的空白 hspace="30"

是柒浔啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html&css总结

1.基本语句<!DOCTYPE html> 【间接的文档类型声明，表示是一个HTML 5类型的文档】<html> 【标签是成对出现的，有开始就有结束】 <head lang="en"> <meta charset="UTF-8"> 【head中设置文件的编码格式】 gb2312包含全部中文字符 utf-8 则包含全世界所有国家需要用到的字符页面编
复制链接

扫一扫