HTML基础

最新推荐文章于 2023-07-06 23:41:55 发布

光年的博客

最新推荐文章于 2023-07-06 23:41:55 发布

阅读量335

点赞数

分类专栏： JavaWeb 文章标签： html 前端

本文链接：https://blog.csdn.net/katol/article/details/122104849

版权

课程：b站JavaWeb广陵散

1、HTML简介

HyperText Markup Language：超文本标记语言。

超文本：超出文本的范畴，使用html可以轻松实现这样的操作。
标记：html所有操作都是通过标记实现的，标记叫就是标签，<标签名称>，代码都是由标签所组成。
网页语言：网页语言不是一种变成语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。

2.第一个html程序

—— html后缀是 .html  .htm
*直接通过浏览器就可以运行
-代码：

这是我的<font size="5" color="red">第一个html程序</font>

3、html的规范（遵守）

1、一个html文件开始标签和结束标签    <html> </html>
    -定义一个java方法{ }
2、html包含两部分内容
    (1)<head>设置相关信息</head>
    (2)<body>显示在界面上的那内容都包含在body里面</body>
3、html的标签有开始标签，也要有结束标签
    -<head></head>
4、html的代码不分大小写
5、有些标签，没有结束标签，在标签内结束
    -比如    换行<br/>    <hr/>

*html的操作思想（***理解）
    网页中有很多数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把操作的数据包起来（封装起来），通过修改标签的属性值实现标签内数样式的变化。
    一个标签相当于一个容器，想要需要修改容器内的样式，只需要改变容器的属性值，就可以实现数据样式的变化。

<html>
    <head>
        <title>
        </title>
    </head>
    <body>
    </body>
</html>

4、HTML注意事项

多数标签都是有开始标签和结束标签，其中有个别标签因为只有单个功能，或者没有要修饰的内容可以在标签内结束。
想要对被标签修饰的内容进行更丰富的操作，就用到标签中的属性，通过对属性值的改变，增加了更多的效果选择。
属性与属性值之间用"="链接，属性值可以用双引号或者单引号或者不用引号，一般都会用双引号。或者公司规定书写规范。

5、文字：

不同的文字格式（font标签）
标题标签（h1    h2    h3    h4    h5    h5）
水平线标签（hr）
特殊字符
        < ：&lt;
        > ：&gt;
        & ：&amp;
      空格 ：&nbsp;

2、文字标签和注释标签
    *文字标签：修改文字的样式
            -<font></font>
            -属性：
                *size：文字的大小 取值范围1-7，超出了7，默认还是7
                color：文字颜色
                    -两种表示方式
                    **英文单词：red    green    blue    white    yellow    gray... 
                    **使用十六进制数表示：#ffffff：RGB
                        -通过工具实现不同的颜色    #66cc66

    *注释标签：<!--    html的注释  -->界面不显示，但源代码里面存着

3、标题标签、水平线标签和特殊字符
    *标题标签
        -<h1></h1>    <h2></h2>    <h3></h3>....<h6></h6>
        -从h1到h6，大小依次变小，同时会自动换行
    
    *水平线标签
        -<hr/>
        -属性
            **size：水平线的粗细 取值范围 1-7
            **color：颜色
        -代码
            <hr size="5" color="red">

    *特殊字符
        -想要在界面上显示这样的内容    <html>:这是标签的开始！
        -需要对特殊字符进行转义
            *<    &lt;
            *>    &gt:
            *空格 &nbsp;  
            *&    &amp;

6、列表标签

-比如现在显示这样的效果
        传智播客
            财务部
            学工部
            人事部
------------------------------------
1.定义列表(dl标签)define list
	** <dl> </dl>: 表示列表的范围
		** 在dl里面  <dt></dt>: 上层内容
		** 在dl里面  <dd></dd>：下层内容
例：
		<dl>
			<dt>传智播客</dt>
				<dd>财务部</dd>			
				<dd>学工部</dd>
				<dd>人事部</dd>
		</dl>
------------------------------------
2、有序数列（ol标签）ordered list
    - 想要在界面上显示这样的效果
    1.财务部
    2.学工部
    3.人事部
    
    a.财务部
    b.学工部
    c.人事部

    i. 财务部
	ii. 学工部
	iii. 人事部
    <ol></ol>:有序列表的范围
        -属性 type：设置排列方式 1（默认）
3、无序列表（ul标签）nuorder list
-想要在界面上显示这样的效果
        特殊符号（方框）财务部
        特殊符号（方框）学工部
        特殊符号（方框）人事部
        **<ul></ul>:表示无需列表的范围
                属性&#

最低0.47元/天解锁文章

光年的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

课程：b站JavaWeb广陵散1、HTML简介HyperText Markup Language：超文本标记语言。超文本：超出文本的范畴，使用html可以轻松实现这样的操作。标记：html所有操作都是通过标记实现的，标记叫就是标签，<标签名称>，代码都是由标签所组成。网页语言：网页语言不是一种变成语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。2.第一个html程序—— html后缀是 .html .htm*直接通过浏览器.
复制链接

扫一扫