HTML与CSS基础-优快云博客

本文链接：https://blog.youkuaiyun.com/yueqinglkong/article/details/18674333

HTML:hypertext markup language的缩写，超文本标记语言，用来结构化网页。

CSS:cascading style sheet的缩写，级联样式表，用来控制html的外观。

HTML和CSS是用来创建网页的语言。

基本结构：

<html><!-- html开始-->
<head><!-- 页面头-->
    <title>Pager Title</title><!-- 页面标题-->
    <style type="text/css">
        body {
            background-color: #d2b48c;
            margin-left: 20%;
            margin-right: 20%;
            border: 1px dotted gray;
            padding: 10px 10px 10px 10px;
            font-family: sans-serif;
        }<!-- css-->
    </style>
</head><!-- 页面头部结束-->
<body><!-- 主体开始-->
    <h1>show body</h1><!-- 标题-->
    <img src="mygirl.jpg" width="100px" height="100px"><!-- 图片 宽高度-->
    <p>paragraph</p><!-- 段落-->
    <a href="http://www.baidu.com">链接到百度</a><!-- 超级链接-->
</body><!-- 主体结束-->
</html><!-- html结束-->

网页通常应该有一个<html>元素，并伴随有一个<head>和一个<body>元素。

元素组成：一个开始标记，内容和一个结束标记。有些元素(如<img>例外)。

开始元素可以拥有属性。结束标记的左尖括号之后，标记名之前有一个“/”,用来区别于开始标记。

通过在<style>元素中输入css规则，给html网页添加csss。<style>元素通常嵌在<head>中。

严格的HTML：

<html>元素，必不可少的元素之一。网页总是以一个DOCTYPE开始，紧接着<html>元素必须出现在网页的开头和结尾。

<head>和<body>让网页更好，只有它们可以直接包含于<html>元素，其他元素都必须包含在它们里面,标识网页文件的头部信息,如关键字,作者,字符集等信息。

我们总是给你<head>元素一个<title>元素，这是规则，否则会导致HTML不合法，<head>是可以放置<title>,<meta>和<style>元素的唯一地方。

只能在<body>元素里直接放置块元素。所有的内联元素还文本都必须在块元素中,标识网页文件的主体部分。

只有文本和其他内联元素可以嵌入内联元素中。块元素在任何情况下都不允许包含在内联元素里。

块元素禁止包含在<p>元素中，只有文本才能组成段落，所以块元素不允许包含在<p>中。

列表只能包含列表项目。只有<li>元素运行放在<ul>或<ol>元素中。不过，列表项可以是任何内容，如文本，内联元素或块元素。