码迷,mamicode.com
首页 > Web开发 > 详细

HTML+CSS

时间:2020-04-08 12:09:56      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:结束   一级目录   src   css   hyper   rest   有序   alt   utf-8   

1.html基础

1.什么是HTML

? html Hyper Text Markup Language 超文本标记语言, 是一种通过标签来描述网页的语言

2.标签的格式及其分类

? 标签是由一对尖括号包围起来的关键字

1.标签分为单标签和双标签

? 标签是用一对尖括号包起来的关键字 有单标签和双标签之分
? 单标签 只有开始标签没有结束标签 <标签名 />
? 双标签 有开始标签和结束标签 <标签名> <标签名/>

2.按元素的类型分类

块元素 独占一行 如div p

行元素 可与其他元素共占一行 如 span em

行内块元素 可与其他元素共占一行 如 a img

3.HTML结构结束

<!DOCTYPE html> <!--声明部分告诉浏览器以什么样的格式解析-->
<html lang="en"> <!--两个HTML之间的内容用来描述网页-->
<head><!--头部信息 这部分的内容不会直接显示在网页上 -->
    <meta charset="UTF-8"><!--告诉浏览器文本的编码-->
    <title>HTML基础</title><!--文档的标题-->
</head>
<body><!--主体部分 这部分的内容直接显示在网页上 是我们的主要作战区 -->

</body>
</html>

4.字符编码

? 字符编码又称字符集,是一种用来存储数据的编码,要想正确的显示文本的信息则需要知道其编码格式,否则会产生乱码,常见的是GBK2312 和utf-8.

5.常见的浏览器及其内核

Chrome webkit -> blink
firefox Gecko
safari webkit
opera presto -> blink
ie trident

6.语义化

1.什么是语义化

? 使用合适的标签来描述网页的内容

2.语义化的作用

让浏览器的搜索引擎更好的抓取网页的主要内容

在没使用css的情况下 较好的展现网页的结构

提高用户体验

7.常用标签介绍

    <div>这是一个div</div>
    <h2>这是一个标题,h1-h6,h1最大</h2>
    <p>这是一个段落</p>
     <span>这是一个span</span> <br />
    <b>加粗</b><br />
    <strong>强条加粗</strong><br />
    <i>斜体</i><br />
    <em>强调文本</em> <br />
    <a href="http://www.baidu.com" target="_blank">百度</a><br /><!--链接-->
    <img src="" alt="找不到图片"><!--展示图片-->
    <ul><!--无序列表-->
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>赵6</li>
    </ul>
    <ol><!--有序无序列表-->
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
        <li>赵6</li>
    </ol>

8.路径

1.相对路径

? 相对于当前网页的路径

? ./ 表示当前目录

? . ./ 表示上一级目录

./ 一般可省略不写

2.绝对路径

? 带有域名的文件完整路径 , 以https:端口号/工程名/包名/文件名

HTML+CSS

标签:结束   一级目录   src   css   hyper   rest   有序   alt   utf-8   

原文地址:https://www.cnblogs.com/HuYongAn/p/12658668.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!