您的位置：首页 > Web前端

前端进阶（1）

2018-03-12 23:07 134 查看
HTML中的转义字符：
空格： ；
<:    <  ----->less than
>:    > ------>greater than
企业标识：©  ----->company
<body>
这是我的显示内容    这段代码
</body>
文本样式的作用：
<b></b>:加粗
<i><i>:倾斜
<u></u>:下划线
<s></s>:删除线
<sup></sup>:上标
<sub></sub>:下标
实例：

<b>粗体</b>文本
<i>斜体</i>文本
<u></u>:下划线
<s></s>:删除线
<sup></sup>:上标
<sub></sub>:下标
标题元素:(醒目的文字)
<hn> n:1-6 标题从1级到6级，1级最大，6级最小
使用场合：多数情况下会用在网页中文章的标题，如新闻类。多用h2
段落元素：
<p></p>注意：成对出现
p提供结构化文本的方式，具备一定的格式。
格式：
   ------与其他文本用换行区分
   -------添加垂直空白距离，作为段落的间距
常用属性：
    align:文本在p标签内的水平对齐方式
5. 换行标记<br>
    <br>在任何地方创建手工换行。
    “这是换行<br>标识符”
6.分区元素
    多用于布局
    块分区元素：该元素会自动占一行
     <div></div>：文本没有特殊效果（不像hn，标题元素），只是自己占一行
    行内分区：众多的行内元素不会换行，在一行内显示（为各个元素设置不同的央视）
     <span style="color:red;">行内元素</span>
     <span style="color:green;">行内元素</span>

7.块级元素与行内元素
    块级：独占一行，
     div，p,hn,hr
     作用：多数用在布局上。
    行内：一行内共存好多个
     span, b,i,u,sub,sup,
     作用：包围文本，方便为文本添加效果
8.分割线
    <hr>------horizontal
     作用:在网页构建一条水平线
     空标记
      常用属性：
         size：尺寸，水平线的粗细程度 
         width：水平线的长度，可以给具体值，也可以给百分比，
                      可随浏览器大小调整
         align：水平的对齐方式，left、right、center
          color：颜色
9、预格式化标签
    <pre></pre> 保留源文件的格式，就是innertext是什么格式就保留什么格式，比如换行、空格
10. URL
     绝对路径：
           1.绝对路径是文件从最高级目录下开始的完整的路径。
             特点：无论当前资源路径是什么，使用绝对路径总能找到资源。
     相对路径：
            1.
     根相对路径：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航