iOS中的HTML开发

HTML

什么是HTML

<li>HTML的全称是HyperText Markup Language，超文本标记语言
<li>其实他就是文本，有浏览器负责将它解析成具体的网页内容</li>

<li>比如，浏览器会将 左边的HTML代码 转换为 右边的网页内容

<li>HTML的组成

• 跟XML类似，HTML由N个标签（节点、元素、标记）组成
  <li>HTML语法非常松散，目前的最新版是5.0,也就是HTML5

常见的HTML标签

<li>标题: h1,h2,h3,h4
<li>段落: p
<li>换行: br
<li>容器: div,span(用来容纳其他标签)
<li>表格: table,tr,td
<li>列表: ul,ol,li
<li>图片: img
<li>表单: input
<li>链接: a

CSS

什么是CSS

<li>CSS的全称是Cascading Style Sheets，层叠样式表

<li>它用来控制HTML标签的样式，在美化网页中起到非常重要的作用

<li>CSS的编写格式键值对形式的，如下
<pre class="code"><code>color:red;
background-color:blue
font-size:20px
</code></pre>

-冒号：嘴边是属性名，冒号：右边的属性值

CSS的3种书写形式

<li>CSS有3种书写形式(优先级从高到低)</li>
-行内样式: (内联样式)直接在标签的style属性中书写
<pre class="code"><code>body style="color:red"
</code></pre>
-内页样式:在本页的style标签中书写
<pre class = "code">
style前面需要加入括号
style type="text/css">
body {
color: red;
}</style></pre>

<style type="text/css">
body {
color: red;
}
</style>
-外部样式:在单独的CSS文件中书写，然后在后在网页中用link标签引用
<pre>link type="text/css" rel="stylesheet" href="index.css"(可能也包含你的相对路径)</pre>

CSS选择器-标签选择器

<li>选择器的作用

• 选择对应的标签，为之添加样式
  <li>标签选择器</li>
  -根据标签名找到标签