《head_first_html_learnning》

最新推荐文章于 2024-08-21 20:15:01 发布

asfkhj32432423

最新推荐文章于 2024-08-21 20:15:01 发布

阅读量487

点赞数 1

分类专栏：书籍阅读总结等文章标签： html 结构

本文链接：https://blog.csdn.net/LQ122333/article/details/77479370

版权

书籍阅读总结等专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML：hypertext markup language

超文本标记语言

（一）要点:结构，标记，元素，链接，路径

1.基本结构：

<html>      
    <head>
        <titile>....<\title>
        <style type="text/css">
            body {
                background-color: #d3b48c;
                margin-left:20%;
                margin-right:20%;
                border: 5px dotted gray;
                padding: 10px 10px 10px 10px;
                font-family: dans-serif;
            }
        <\style>
    <\head>
    <body>
        <h1>...</h1>
        <img src="tupiam.gif/jpg">
        <p>....<!仅注释自己看的>...<em>斜体斜体斜体<\en>..........
        ...........<a href = "xxx.html">被链接<\a>......................
        ...................................<\p>
        <h1>...<\h1>
        <h2>...<\h2>
        <p>.........<\p>

    <\body>
<\html>`

2.从上面可以看出，有以下特点：

-html,head,title,body,hx,p是基本的标记符，有头有尾。
-文本内容之间的单个空格、多个空格、换行，在显示的时候都成为单个空格
-CSS拼写style时候一定要注意！
-<a href="xxx.html">...<\a>
-<img src="xxx.gif">
-<img sre="xxx.png">
-所有链接的文件、图片都要与主体在同一个文件夹里面！

3.不同文件夹的访问：注意此html在那个层。

myloung_shop

loung_myshop.html

about/directions.html

elixir/elixir.html

images/.gof,.png

根目录往下：<a href=""about/directions.html>...</a>

树叶目录往根目录<a href="../lounge_myshop.html">...</a>

树叶目录往其他树叶目录：<a href="../about/directions.html">...</a>

上溯两个：../../

（二）结构:结构，标记，元素，链接，路径

1.基本内容：
a-内联元素，q(quote引用”“)的使用
b.块元素，blockquote的使用注意：结合...才能将引用块独立起来！！！
c. 空元素独个换行，与...的区别。

2.HTML列表:有序、无序和自定义列表
a.有序列表：
ol,li…li,ol

<ol> <li>...</li> <li>...</li> </ol>

b.无序列表：ol改为ul
c.自定义列表：
dl,dt-dd,dt-dd,dl

两个hr是用来加通常水平横线
两个strong是用来加粗元素
两个address是用来显示为网络地址
两个pre是用来格式化文本

3.DOCTYPE, <meta>标识要给予清楚
“meta标记要放在《head》内部开头”

html有始终 #
head，body是全部 #head，body元素直接包含于HTML元素中。其他元素、块都必须包含于head，body中。
title，meta，style随head是唯一#
body肚大只容块#块，比喻<p>,<ul>
大块小块内联元素容不下#块元素任何情况下都不允许包含在内联元素里
段落中间没有块#文本、内联元素包含于<p>元素中，块则不行,块单独在body中吧。
列表项目配列表#
列表项容一切#
<blockqoute>只要块#
内联嵌套要小心#

ht有始终
头，身是全部
title，meta，style随head

CSS

见sublime下面的笔记
`

asfkhj32432423

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
《head_first_html_learnning》

HTML：hypertext markup language超文本标记语言（一）要点:结构，标记，元素，链接，路径1.基本结构：<html> <head> <titile>....<\title> <style type="text/css"> body { background-color:
复制链接

扫一扫

专栏目录