2021-8-29

HTML_CSS

CSS可以通过一下方式添加到HTML中

内联样式:在HTML中使用“style”属性。

eg:<p style="color:blue;margin-left:20px;">这是一个段落。</p>

内部样式表:在HTML-文档头部<head>区域使用<style>元素来包含CSS。

eg:<head>            <style type="text/css">            body {background-color:yellow;}            p {color:blue;}            </style>            </head>

外部引用:使用外部css文件。

eg:<head>            <link rel="stylesheet" type="text/css" href="mystyle.css">            </head>

HTML样式实例-背景颜色

  <body style="background-color:yellow;"><h2 style="background-color:red;">这是一个标题</h2><p style="background-color:green;">这是一个段落。</p></body>

字体,大小,颜色

<h1 style="font-family:verdana;">一个标题</h1><p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>

对齐方式:

使用 text-align(文字对齐)属性指定文本的水平与垂直对齐方式:

实例

<h1 style="text-align:center;">居中对齐的标题</h1><p>这是一个段落。</p>

HTML图像

图像由<img>标签定义,空标签,只包含属性,没有闭合标签。

ALT属性

alt 属性用来为图像定义一串预备的可替换的文本。

替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

设置图像高宽

height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。

属性值默认单位为像素:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

提示: 指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。

HTML表格

<tr>行数    <td>单元格内容  <th>表格表头  大部分浏览器会把表头显示为粗体居中

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

推荐阅读更多精彩内容

  • 1、打字练习2、快捷键3、w3C html--到html链接css--css基础教程+css样式4、红宝书1-4章...
    想和于谦共枕眠阅读 3,359评论 0 1
  • 1.标签 常用的单标签 < !— xx –>:注释标签 快捷键:ALT+/ < br/>:换行标签 注释:自动生成...
    无念丶无为阅读 3,579评论 0 3
  • 生成H5文档的快捷键: ①在空html文档中输入 ! ②按下tab键。 meta标签使用实例 搜索引擎可以查找到的...
    落崖惊风yxy阅读 2,944评论 0 0
  • 一、HTML简介 1、HTML是什么? HyperTextMarkupLanguage 超文本(功能丰富)标记(标...
    千年幸福论阅读 5,596评论 0 2
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 9,585评论 4 70