前端基础

解决乱码问题:<metacharset="utf-8"/>

<meta>  标签用于文档的头部,不包含任何的内容。<meta>标签的属性定义了与文档相关联的名称/值对。

<meta>的用法:

    设置页面的字符集:–  <metacharset="utf-8">

    设置网页的描述:–  <metaname="description"content="">

   设置网页的关键字: –  <metaname="keywords"content="">

    请求的重定向: –  <metahttp-equiv="refresh"  content="5;url=地址"/>

常用的标签:

        <HTML>标签用于告诉浏览器这个文档中包含的信息是用于HTML编写的。HTML标签中有两个子标签head和body。

        <head>  head标签作为HTML标签的子元素的出现,一个网页中只能有一个head。

        <title>    标签表示网页的标题,一般会在网页的标题栏上显示。

        <body>   标签用来设置网页的主题,所有在页面中能看到的内容都应该编写到body中。 body标签作为HTML的子标签使用。

         <h1>~<h6> 都是网页中的标题标签,用来表示网页中的一个标题,不同的是,从h1~h6重要性越来越低。标题标签相当于正文中的标题,通常认为重要性仅次于页面的title。 一个页面只会使用一个h1标签。

         <p>标签表示网页中的一个段落。

         <br> 标签表示换行。

         <hr>标签是水平线的标签。

          <img /> 标签是图片标签,可以用来向页面中引入一个外部的图片。属性:src指向一个外部的图片的路径,alt图片的描述。

          <a>标签是超链接标签,通过a标签,可以快速跳转到其他页面。属性:href指向一个连接地址, target设置打开目标网页的位置,可选值:_blank打开新窗口,_self当前的窗口。

实体(转义字符)

 实体:

         在HTML中预留了一些字符。

        这些预留字符是不能在网页中直接使用的。

        比如<和>,我们不能直接在页面中使用<和>号,因为浏览器会将它解析为html标签。

        为了可以使用这些预留字符,我们必须在html中使用字符实体。

        语法:&实体名;

字符实体:

        小于号< = &lt     大于号> =  &gt    空格  &nbsp         和符号&   &amp       版权    &copy    引          号  &quot    注册商标    &reg     商标     &trade


css:

        层叠样式表(CascadingStyle Sheets)

        css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。

        所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。

        而css就可以分别为网页的各个层次设置样式。

基本语法:

        CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成。

        语法:

                –选择器{样式名:样式值;样式名:样式值; }

                –p {color:red; font-size:12px;}

行内样式:<p style="color:red;font-size:30px"></p>

内部样式表:可以直接将样式写到<style>标签中。

        <style>

                p{color:red;font-size:30px;}

        </style>

        这样使css独立于html代码,而且可以同时为多个元素设置样式,这是我们使用的比较多的一种方式。

        但是这种方式,样式只能在一个页面中使用,不能在多个页面中重复使用。

 外部样式表:可以将所有的样式保存到一个外部的css文件中,然后通过<link>标签将样式表引入到文件中。

<linkrel="stylesheet"type="text/css"href="style.css">

这种方式将样式表放入到了页面的外部,可以在多个页面中引入,同时浏览器加载文件时可以使用缓存,这是我们开发中使用的最多的方式。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容